@charset "UTF-8";

/*@font-face {*/


/*font-family: 'FZ';*/


/*src: url(../fonts/SourceHanSansCN-Regular.otf) format("opentype");*/


/*font-weight: normal;*/


/*}*/

.qidian_wpa_img {
    display: none!important;
}


/*地图*/

.contact_us .wrap .wrap_box .contact_left #map_box {
    width: 97%;
    height: 385px;
    margin-top: 25px;
    float: left;
}

#newBridge .icon-left-bottom {
    left: 3px!important;
    bottom: 56px!important;
}

#KFLOGO .Lelem {
    position: fixed!important;
    top: unset!important;
    bottom: 56px!important;
    left: 3px!important;
}

.over-line1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.over-line2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.over-line3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

@font-face {
    font-family: "syhtH";
    src: url("../fonts/SourceHanSansCN-Heavy-2.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Heavy-2.woff") format("woff"), url("../fonts/SourceHanSansCN-Heavy-2.ttf") format("truetype"), url("../fonts/SourceHanSansCN-Heavy-2.eot") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Heavy-2.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

.font-syhei {
    font-family: "syhtH"!important;
    font-weight: bold;
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-120%, 0, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        transform: translate3d(-120%, 0, 0);
    }
}

@keyframes floatOut {
    from {
        width: 0;
        opacity: 0;
    }
    to {
        opacity: 1;
        width: auto;
    }
}

@keyframes floatIn {
    from {
        opacity: 1;
        width: auto;
    }
    to {
        width: 0;
        opacity: 0;
    }
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}

.clearfix:after {
    content: " ";
    display: table;
    height: 0;
    clear: both;
    visibility: hidden;
}

ul,
li,
form,
dl,
dt,
dd,
div {
    padding: 0px;
    margin: 0px;
}

.ul,
.ul li {
    list-style: none;
    margin: 0;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.p {
    padding: 0px;
    margin: 0px;
}

select,
input,
em,
textarea {
    font-size: 1em;
    font-style: normal;
    color: #585858;
    font-family: ;
    border-radius: 0;
    -webkit-border-radius: 0;
}

img,
object {
    border: none;
    border: 0;
    overflow: hidden;
}

a {
    color: #585858;
    text-decoration: none;
    noline: -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/* 去掉链接触摸高亮 */

p {
    margin: 0;
    padding: 0;
}


/*img {*/


/*vertical-align: middle;*/


/*}*/

a,
a:hover,
a:visited {
    text-decoration: none;
}

.over-line4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
   /* -webkit-box-orient: vertical;*/
}

.margin-buttom-15 {
    margin-bottom: 15px !important;
}

.moblieMargin {
    display: none;
}

.grade_img .swiper-container {
    width: 100%;
    height: 670px;
    margin-left: auto;
    margin-right: auto;
    margin-left: 10%;
    position: absolute;
}


/*.swiper-slide {*/


/*width: 100%;*/


/*text-align: center;*/


/*font-size: 18px;*/


/*background: transparent;*/


/*!* Center slide text vertically *!*/


/*display: -webkit-box;*/


/*display: -ms-flexbox;*/


/*display: -webkit-flex;*/


/*display: flex;*/


/*-webkit-flex-direction: column;*/


/*flex-direction: column;*/


/*!*-webkit-box-pack: center;*!*/


/*!*-ms-flex-pack: center;*!*/


/*-webkit-box-align: flex-start;*/


/*-ms-flex-align: flex-start;*/


/*-webkit-align-items: flex-start;*/


/*align-items: flex-start;*/


/*}*/


/*.grade_img .swiper-button-next {*/


/*background-image: url('../images/rightarrow.png') ;*/


/*right: 0;*/


/*outline: none;*/


/*top: 50%;*/


/*}*/


/*.grade_img .swiper-button-prev {*/


/*background-image: url('../images/leftarrow.png') ;*/


/*left: 36%;*/


/*margin-left: -38px;*/


/*outline: none;*/


/*top: 50%;*/


/*}*/

.index-b-05 .navs_index .n-item:hover .img1 {
    display: none;
}

.index-b-05 .navs_index .n-item:hover .img2 {
    display: block;
}

.slide {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-size: cover;
    background-position: center;
    /*background-color: rgba(27,27,27,.1);*/
    /*background-color: #333;*/
    transition: all 0.3s;
}

body {
    /*color: #000;*/
    color: #21232e;
    /*font-family: "Futura", "PingFang", "Helvetica Neue", "Hiragino Sans GB", "冬青黑体", "", "", Helvetica, Arial, sans-serif;*/
    font-family: "syhtH", "PingFang", "Helvetica Neue", "Hiragino Sans GB", "冬青黑体", "", "", Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    background-color: #fff;
    font-size: 14px;
}

.font-fz {
    font-family: "FZ" !important;
}

.font-fz-Futura {
    font-family: "Futura" !important;    text-transform: uppercase;
}

.font-no-futura {
    font-family: " PingFang", "Helvetica Neue", "Hiragino Sans GB", "冬青黑体", "", "", Helvetica, Arial, sans-serif;
}

.hide {
    display: none !important;
}

.shadow {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 15;
    background-color: rgba(0, 0, 0, 0.8);
}

.shadow .qrcode {
    width: 156px;
    height: 175px;
    left: 0;
    right: 0;
    margin: 350px auto 0;
    background-color: #fff;
    padding: 20px 28px;
}

.shadow .qrcode img {
    width: 99px;
    height: 99px;
    margin-top: 24px;
}

.shadow .qrcode p {
    font-size: 12px;
    /*margin-top: 10px;*/
}

.shadow .content {
    width: 300px;
    height: 130px;
    left: 0;
    right: 0;
    margin: 350px auto 0;
    background-color: #fff;
    text-align: center;
    padding-top: 40px;
}

.head-tel {
    margin-top: 23px;
    font-size: 18px;
}

.shadow .content .l1 {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.5);
}

.shadow .content .l2 {
    font-size: 21px;
    font-weight: bold;
    margin-top: 8px;
}

.headerbg .logo img {
    width: 216px;
    margin-top: 0;
}

.lb-data {
    display: none;
}

.lightbox .lb-image {
    border: none !important;
    border-radius: 0 !important;
}

.flash-move {
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translateY(100px);
    transition: all .8s;
}

.flash-move.move-on {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translateY(0);
    transition: all .7s;
}

.datepicker-container {
    width: 286px !important;
}

.datepicker-panel>ul {
    padding: 0 36px !important;
}

.wrapper {
    min-width: 1400px;
    overflow-x: hidden;
    width: 100%;
    position: relative;
}

.wrapper .scroll-more {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 40px;
    z-index: 10;
}

.wrapper .scroll-more img {
    width: 23px;
    margin-bottom: 15px;
    display: inline;
}

.wrapper .scroll-more .hint {
    font-size: 12px;
    line-height: 18px;
    color: #fff;
}

.wrapper .bg-img {
    width: 100%;
}

.wrapper .know-more {
    height: 90px;
    text-align: center;
    /*border-top: 1px #eee solid;*/
}

.wrapper .know-more .btn-more {
    height: 36px;
    line-height: 36px;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    border-radius: 19px;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.5);
    border: 1px #ddd solid;
    display: inline-block;
    margin-top: 26px;
    cursor: pointer;
    padding: 0 20px;
}

.wrapper .know-more .btn-more:hover {
    background-color: #0101ff;
    color: #ffffff
}

.wrapper .know-more.no-border {
    border-top: none;
}


/*修改的头部nav top*/

.wrapper .topbar {
    position: absolute;
    top: 0;
    z-index: 10;
    width: 100%;
}

.wrapper .topbar_fixed {
    width: 100%;
    top: 0;
    position: fixed;
}

.wrapper .topBar_a {
    height: 70px;
    text-align: center;
    background: #ffffff;
    border-radius: 4px;
    line-height: 70px;
    margin: auto;
    margin-top: 50px;
}

.wrapper .m_nav_box {
    display: none;
}

.wrapper .topbar .newNav {
    width: 1270px;
}

.wrapper .topbar .newNav1 {
    margin: auto;
}

.wrapper .topbar .newNav .nav_li li {
    list-style: none;
    float: left;
    margin-right: 32px;
    margin-top: 2px;
}

.wrapper .topbar .newNav .nav_li {
    display: inline-block;
    float: left;
}

.wrapper .topbar .newNav>img {
    padding: 0px 130px 4px 55px;
    float: left;
}

.wrapper .topbar .newNav .login_reg {
    display: inline-block;
    float: right;
}

.wrapper .topbar .newNav .login_reg>li {
    float: left;
    list-style: none;
}

.wrapper .topbar .newNav .login_reg>li img {
    vertical-align: middle;
}

.wrapper .topbar .newNav .login_reg>li:nth-child(1) img {
    padding-right: 5px;
}

.wrapper .topbar .newNav .login_reg .login_href a {
    display: inline-block;
    width: 50px;
    height: 1em;
    line-height: 70px;
    border-right: 1px solid #333333;
}

.wrapper .topbar .newNav .login_reg>li:nth-child(3) {
    padding: 0px 10px;
}

.wrapper .topbar .newNav .login_reg>li:nth-child(5) {
    font-size: 20px;
    padding-left: 5px;
}

.wrapper .topbar .newNav .login_reg>li:nth-child(6) img:first-child {
    padding-right: 15px;
    padding-left: 15px;
}

.wrapper .front {
    box-shadow: 10px 5px 5px 0px rgba(123, 46, 22, 0.58);
}

.china-map1 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    /*background: #fff;*/
}

.region-list {
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
}

@-webkit-keyframes warn {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@-moz-keyframes warn {
    0% {
        -moz-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }
    100% {
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@-o-keyframes warn {
    0% {
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }
    100% {
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@keyframes warn {
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

.area-box .dot {
    position: absolute;
    left: 0;
    width: 10px;
    height: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #a2a9b4;
    opacity: 1;
    filter: alpha(opacity=100)
}

.area-box .pulse {
    position: absolute;
    top: -28px;
    left: -28px;
    height: 66px;
    width: 66px;
    border: 2px solid #b7b7b7;
    -webkit-border-radius: 48px;
    -moz-border-radius: 48px;
    border-radius: 48px;
    -webkit-box-shadow: 0 0 4px #82878f, 0 0 10px #82878f inset;
    -moz-box-shadow: 0 0 4px #82878f, 0 0 10px #82878f inset;
    box-shadow: 0 0 4px #82878f, 0 0 10px #82878f inset;
    opacity: .12;
    filter: alpha(opacity=0);
    -webkit-animation: warn 2s ease-out both;
    -moz-animation: warn 2s ease-out both;
    -o-animation: warn 2s ease-out both;
    animation: warn 2s ease-out both;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background: 0 0
}

.area-box .delay-01 {
    -webkit-animation-delay: 0;
    -moz-animation-delay: 0;
    -o-animation-delay: 0;
    animation-delay: 0
}

.area-box .delay-02 {
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    -o-animation-delay: .4s;
    animation-delay: .4s
}

.area-box .delay-08 {
    -webkit-animation-delay: -.4s;
    -moz-animation-delay: -.4s;
    -o-animation-delay: -.4s;
    animation-delay: -.4s
}

.area-box .delay-09 {
    -webkit-animation-delay: -.8s;
    -moz-animation-delay: -.8s;
    -o-animation-delay: -.8s;
    animation-delay: -.8s
}

.area-box .delay-10 {
    -webkit-animation-delay: -1.2s;
    -moz-animation-delay: -1.2s;
    -o-animation-delay: -1.2s;
    animation-delay: -1.2s
}

.region-list.active .area-box .dot {
    background: #009fd9
}

.region-list.active .area-box .pulse {
    border-color: #009fd9;
    top: -39px;
    left: -39px;
    height: 88px;
    width: 88px;
    -webkit-box-shadow: 0 0 12px #0080d9, 0 0 20px #0080d9 inset;
    -moz-box-shadow: 0 0 12px #0080d9, 0 0 20px #0080d9 inset;
    box-shadow: 0 0 12px #0080d9, 0 0 20px #0080d9 inset
}

.region-list.waite .area-box .dot {
    background: #FED130;
}

.region-list.waite .area-box .pulse {
    border-color: #FED130;
}

.show-regin {
    position: absolute;
    left: 2px;
    height: 0;
    top: 0;
    width: 11px;
    opacity: 0;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.online-node .show-regin,
.region-list:hover .show-regin,
.underline-node .show-regin,
.waite-node .show-regin {
    height: 127px;
    opacity: 1
}

.show-regin span {
    width: 80px;
    position: absolute;
    left: 1px;
    top: -11px;
    padding: 6px 10px;
    font-size: 14px;
    color: #ccc;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
    white-space: nowrap;
    display: flex;
    align-items: center;
}

.show-regin span em {
    font-style: normal;
    color: #ccc;
}

.postition-5 {
    left: 40%;
    top: 74%;
}


/*.postition-5 .show-regin span {*/


/*left: -25px;*/


/*top: -20px;*/


/*}*/

.postition-3 {
    left: 47%;
    top: 32%;
}

.postition-7 {
    left: 44.5%;
    top: 77%;
}

.postition-9 {
    left: 45%;
    top: 64%
}

.postition-jinhua {
    left: 44%;
    top: 66%;
}

.postition-dg {
    left: 38.5%;
    top: 87%;
}

.postition-4 {
    left: 31%;
    top: 88%;
}

.area-box {
    z-index: 77
}

.show-regin {
    z-index: 66
}

.region-list.active .show-regin span {
    position: relative;
    color: #ccc
}

.region-list.waite .show-regin span {
    color: #ccc
}


/*修改的头部nav end*/

.wrapper .topbar .menu {
    margin: 40px 0 0 40px;
    writing-mode: vertical-lr;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: vertical-rl;
    -o-writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    color: #fff;
    user-select: none;
    overflow: hidden;
    min-width: 20px;
}

.wrapper .topbar .menu .m-ctl {
    width: 16px;
    height: 64px;
    cursor: pointer;
    margin-right: 18px;
}

.wrapper .topbar .menu .m-ctl .b-menu {
    display: inline-block;
    padding-left: 0;
    padding-top: 0;
    position: relative;
    user-select: none;
    height: 18px;
    float: left;
}

.wrapper .topbar .menu .m-ctl .b-menu .b-bun {
    background-color: #fff;
    position: relative;
    width: 1px;
    height: 18px;
    float: left;
}

.wrapper .topbar .menu .m-ctl .b-menu .b-bun--top {
    left: 5px;
}

.wrapper .topbar .menu .m-ctl .b-menu .b-bun--bottom {
    left: 10px;
}

.wrapper .topbar .menu .m-ctl .vv {
    margin-top: 32px;
}

.wrapper .topbar .menu .menu-list {
    visibility: hidden;
}

.wrapper .topbar .menu .menu-list .item .vv {
    cursor: pointer;
    color: #fff;
    display: inline-block;
    margin: 0 18px;
}

.wrapper .topbar .menu .menu-list .item .sub-items {
    width: 0;
    overflow: hidden;
    opacity: 0;
}

.wrapper .topbar .menu .menu-list .item .sub-items .svv {
    cursor: pointer;
    color: #fff;
    display: inherit;
    margin: 0 19px;
}

.wrapper .topbar .menu .menu-list .item .sub-items:before,
.wrapper .topbar .menu .menu-list .item .sub-items:after {
    content: '';
    display: block;
    width: 1px;
    height: 56px;
    border-left: 1px rgba(255, 255, 255, 0.4) solid;
}

.wrapper .topbar .menu .menu-list .item .sub-items.open {
    animation-duration: 0.4s;
    animation-fill-mode: both;
    animation-name: floatOut;
    width: auto;
}

.wrapper .topbar .menu .menu-list .item .sub-items:not(.open) {
    animation-duration: 0.4s;
    animation-fill-mode: both;
    animation-name: floatIn;
}

.wrapper .topbar .menu.open .m-ctl .b-menu .b-bun {
    height: 20px;
}

.wrapper .topbar .menu.open .m-ctl .b-menu .b-bun--top {
    left: 7px;
    transform: rotate(25deg);
}

.wrapper .topbar .menu.open .m-ctl .b-menu .b-bun--bottom {
    left: 6px;
    transform: rotate(-25deg);
}

.wrapper .topbar .menu.open .m-ctl .vv {
    display: none;
}

.wrapper .topbar .menu.open .menu-list {
    visibility: visible;
    animation-duration: 0.4s;
    animation-fill-mode: both;
    animation-name: fadeInLeft;
}

.wrapper .topbar .menu.close .menu-list {
    visibility: visible;
    animation-duration: 0.4s;
    animation-fill-mode: both;
    animation-name: fadeOutLeft;
}

.wrapper .r-nav-box {
    position: fixed;
    top: calc(76% - 150px);
    right: 0;
    z-index: 12;
}

.wrapper .r-nav-box .r-navs {
    width: 70px;
}

.wrapper .r-nav-box .r-navs .logo {
    background-color: #21232E;
    height: 155px;
    text-align: center;
}

.wrapper .r-nav-box .r-navs .logo img {
    width: 30px;
    margin-top: 34px;
}

.wrapper .r-nav-box .r-navs .signup {
    display: block;
    width: 100%;
    text-align: center;
    height: 220px;
}

.wrapper .r-nav-box .r-navs .signup .col {
    display: block;
    width: 100%;
    height: 70px;
    border-bottom: 1px rgba(0, 0, 0, 0.05) solid;
    color: #ffffff;
    background-color: #FED130;
    line-height: 70px;
    font-size: 30px;
    cursor: pointer;
    margin-bottom: 2px;
}

.hover_phone {
    width: 250px;
    height: 70px;
    font-size: 16px;
    line-height: 23px;
    cursor: pointer;
    display: block;
    position: absolute;
    background: #0101ff;
    right: -300px;
    top: 0px;
    z-index: -1;
}

.wechat_dis {
    cursor: pointer;
    display: block;
    position: absolute;
    right: -100px;
    bottom: 73px;
    z-index: -1;
}

.wechat_dis img {
    width: 100px;
    height: 100px;
}

.weibo_dis {
    cursor: pointer;
    display: block;
    position: absolute;
    right: -100px;
    bottom: 0px;
    z-index: -1;
}

.weibo_dis img {
    width: 100px;
    height: 100px;
}

.hover_phone {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
}

.hover_phone img {
    margin-right: 10px;
}

.online_tel {
    position: fixed;
    left: 0px;
    top: calc(70% - 100px);
    background: #0101ff;
    color: #ffffff;
    height: auto;
    width: 44px;
    padding: 13px 7px 18px;
    border-radius: 0px 4px 4px 0px;
    z-index: 99;
    display: block;
}

.online_tel span {
    display: block;
    width: 20px;
    height: 85px;
    text-align: center;
}

.wrapper .r-nav-box .r-navs .signup .col:last-child {
    border-bottom: none;
}

.wrapper .r-nav-box .r-navs .signup .col i {
    margin-top: 22px;
}

.wrapper .r-nav-box .r-navs .signup .col i:hover {
    color: #000;
}

.wrapper .footer {
    width: 100%;
    background-color: #F7F7F7;
    text-align: center;
}

.wrapper .footer .products {
    padding: 30px 0;
    border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
}

.wrapper .footer .products .row #f-weixin {
    position: relative;
}

.wrapper .footer .products .row #f-weixin .f-wechat {
    position: absolute;
    bottom: 0px;
    left: 16px;
    transition: animate ease-in-out 2s;
}

.wrapper .footer .products .row #f-weixin .f-wechat img {
    height: 95px;
}

.wrapper .footer .products .row #f-weibo {
    position: relative;
}

.wrapper .footer .products .row #f-weibo .f-weibo {
    position: absolute;
    bottom: 0px;
    left: 16px;
    transition: animate ease-in-out 2s;
}

.wrapper .footer .products .row #f-weibo .f-weibo img {
    height: 95px;
}

.wrapper .footer .products .row .col {
    cursor: pointer;
    width: 120px;
    text-align: center;
    display: inline-block;
}

.wrapper .footer .products .row .col>img {
    height: 35px;
    margin-bottom: 10px;
}

.wrapper .footer .products .row .col p {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.5);
}

.wrapper .footer .f-navs {
    padding: 30px 0;
    border-top: 1px solid #e6e6e6;
}

.wrapper .footer .f-navs .row .col {
    width: 120px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
}

.wrapper .footer .f-navs .row .col .tt {
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 15px;
}

.wrapper .footer .f-navs .row .col .s-nav {
    display: block;
    font-size: 12px;
    line-height: 23px;
    color: rgba(0, 0, 0, 0.5);
}

.wrapper .footer .f-navs .row .col .s-nav:hover {
    color: #000 !important;
}

.wrapper .footer .contact {
    padding: 20px 0 30px;
}

.wrapper .footer .contact .hint {
    font-size: 12px;
    line-height: 23px;
    color: rgba(0, 0, 0, 0.5);
}

.wrapper .footer .contact .hint .fa {
    margin-right: 4px;
}

.wrapper .footer .contact .phone {
    font-size: 21px;
    line-height: 26px;
    font-weight: bold;
}

.wrapper .footer .contact .addr {
    font-size: 10px;
    line-height: 23px;
    color: rgba(0, 0, 0, 0.3);
}

.wrapper .navs {
    height: 90px;
    background-color: #fff;
}

.wrapper .navs_index .wrap {
    swidth: 100%;
    height: 195px;
    box-sizing: border-box;
    white-space: nowrap;
    text-align: center;
    display: flex;
    align-items: center;
    margin-top: 5px;
}

.wrapper .navs_index .wrap .n-item {
    width: 20%;
    display: inline-block;
    height: 195px;
    /*padding: 40px 20px;*/
    box-sizing: border-box;
    font-size: 12px;
    cursor: pointer;
    background-color: #e6e6e6;
    color: #000000;
    margin-right: 3px;
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.wrapper .navs_index .wrap .n-item .index-05-text1 {
    font-size: 20px;
    padding: 15px 0px 10px;
}

.wrapper .navs_index .wrap .n-item .index-05-text1 {
    font-size: 17px;
}

.wrapper .navs_index .wrap .n-item .index-05-text2 {
    font-size: 16px;
}

.wrapper .navs_index .wrap .back-hide {
    background: #e6e6e6!important;
}

.wrapper .navs_index .wrap .n-item.active,
.wrapper .navs_index .wrap .n-item:hover {
    /*background-image: url("../images/img-05-bg.png");*/
    color: #ffffff;
}

.wrapper .navs_index .wrap .n-item .img-05-1 {
    /*position: absolute;*/
    /*top: 30px;*/
    /*left: 44%;*/
}


/*登陆页面 top*/

.wrapper .login-res-bg {
    width: 100%;
    height: 596px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-image: url("../images/login-register-bg.png");
    margin-top: 70px;
    position: relative;
}

.wrapper .login-res-bg .login-box {
    width: 400px;
    background-color: #fff;
    box-sizing: border-box;
    padding: 40px;
    position: absolute;
    top: 138px;
    right: 260px;
}

.wrapper .login-res-bg .login-title {
    margin-bottom: 22px;
    font-size: 20px;
}

.wrapper .login-res-bg .login-input {
    width: 100%;
    height: 40px;
    border-radius: 3px;
    border: 1px solid #ededed;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.wrapper .login-res-bg .login-input .login-icon {
    width: 13%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wrapper .login-res-bg .login-input input {
    width: 80%;
    border: none;
    border-left: 1px solid #ededed;
    outline: none;
    padding-left: 10px;
}

.wrapper .login-res-bg .login-btn {
    margin-top: 10px;
    width: 100%;
    height: 45px;
    line-height: 45px;
    background-color: #0100ff;
    border-radius: 3px;
    border: none;
    color: #fff;
}

.wrapper .login-res-bg .login-btn-a {
    margin-top: 10px;
    margin-bottom: 15px;
    width: 100%;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background-color: #0100ff;
    border-radius: 3px;
    color: #fff;
    display: block;
}

.wrapper .login-res-bg .for-res {
    display: flex;
    justify-content: space-between;
}

.wrapper .login-res-bg .for-res a {
    color: #999;
    font-size: 12px;
}


/*登陆页面 end*/


/*注册找回密码页面 top*/

.wrapper .login-res-bg .for-res-box {
    width: 400px;
    background-color: #fff;
    box-sizing: border-box;
    padding: 30px 40px;
    position: absolute;
    top: 100px;
    right: 260px;
}

.wrapper .login-res-bg .for-res-box .login-input-yezheng {
    width: 64%;
    height: 40px;
    border-radius: 3px;
    border: 1px solid #ededed;
    display: flex;
    align-items: center;
}

.wrapper .login-res-bg .for-res-box .yanzhen-box button {
    width: 30%;
    height: 40px;
    color: #fff;
    font-size: 14px;
    background-color: #0100ff;
    border: none;
    border-radius: 3px;
}

.wrapper .login-res-bg .for-res-box .yanzhen-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.wrapper .login-res-bg .login-input-yezheng .login-icon {
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wrapper .login-res-bg .login-input-yezheng input {
    width: 80%;
    border: none;
    border-left: 1px solid #ededed;
    outline: none;
    padding-left: 10px;
}

.wrapper .login-res-bg .for-res-warning {
    margin-top: 15px;
}

.wrapper .login-res-bg .for-res-warning a {
    color: #fed02f;
    font-size: 12px;
}

.wrapper .login-res-bg .for-warning {
    margin-top: 20px;
}

.wrapper .login-res-bg .for-warning a {
    color: #fed02f;
    font-size: 12px;
}


/*注册找回密码页面 end*/


/*个人中心 top*/

.wrapper .personal-box {
    background-color: #f7f7f7;
    margin-top: 70px;
}

.wrapper .personal-box .personal-nav {
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #cccccc;
}

.wrapper .personal-box .personal-nav .personal-nav-center {
    width: 1420px;
    margin: auto;
}

.wrapper .personal-box .personal-nav .personal-nav-center .p-nav-active {
    border-bottom: 4px solid #333333;
}

.wrapper .personal-box .personal-nav .personal-nav-center ul li {
    float: left;
    height: 50px;
    line-height: 50px;
    margin-right: 55px;
    color: #333;
    font-size: 15px;
    cursor: pointer;
}

.wrapper .personal-box .personal-nav .personal-nav-center ul li img {
    vertical-align: middle;
    padding-right: 5px;
}

.wrapper .personal-box .wenda-content,
.wrapper .personal-box .collect-content {
    width: 1420px;
    margin: auto;
}

.wrapper .personal-box .wenda-content .wenda-nav {
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
    box-sizing: border-box;
    background-color: #fff;
    margin-top: 30px;
    margin-bottom: 40px;
}

.wrapper .personal-box .wenda-content .wenda-nav span {
    color: #333;
    height: 40px;
    font-size: 15px;
    display: inline-block;
    margin-right: 50px;
    cursor: pointer;
}

.wrapper .personal-box .wenda-content .wenda-nav .w-nav-active {
    color: #0100ff;
    font-size: 13px;
}

.wrapper .personal-box .wenda-content .wenda-text {
    margin-top: 50px;
    padding: 50px;
    background-color: #fff;
    text-align: center;
}

.wrapper .personal-box .wenda-content .wenda-list {
    width: 100%;
}

.wrapper .personal-box .wenda-content .wenda-list .wenda-list-item {
    margin-bottom: 20px;
    background-color: #fff;
    padding: 50px 60px;
}

.wrapper .personal-box .wenda-content .wenda-list .w-item-title {
    color: #333;
    font-size: 20px;
    font-weight: bold;
}

.wrapper .personal-box .wenda-content .wenda-list .w-item-time {
    color: #999999;
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 25px;
}

.wrapper .personal-box .wenda-content .wenda-list p {
    font-size: 16px;
    color: #666666;
    line-height: 1.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.wrapper .personal-box .wenda-content .wenda-text button {
    width: 105px;
    height: 40px;
    border: none;
    color: #fff;
    border-radius: 40px;
    background-color: #0100ff;
    margin-top: 105px;
    font-size: 14.5px;
    outline: none;
}

.wrapper .personal-box .wenda-content .wenda-text textarea {
    width: 100%;
    height: 375px;
    resize: none;
    outline: none;
    border: none;
    padding-left: 10px;
    font-size: 20px;
}

.wrapper .personal-box .wenda-content .wenda-text textarea::-webkit-input-placeholder {
    color: #cccccc;
    font-size: 18px;
}


/* 使用webkit内核的浏览器 */

.wrapper .personal-box .wenda-content .wenda-text textarea:-moz-placeholder {
    color: #cccccc;
    font-size: 20px;
}


/* Firefox版本4-18 */

.wrapper .personal-box .wenda-content .wenda-text textarea::-moz-placeholder {
    color: #cccccc;
    font-size: 20px;
}


/* Firefox版本19+ */

.wrapper .personal-box .wenda-content .wenda-text textarea:-ms-input-placeholder {
    color: #cccccc;
    font-size: 20px;
}


/*--个人中心 我的收藏 top*/

.wrapper .personal-box .collect-content .wenda-nav {
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
    box-sizing: border-box;
    background-color: #fff;
    margin-top: 30px;
    margin-bottom: 40px;
}

.wrapper .personal-box .collect-content .wenda-nav span {
    color: #333;
    height: 40px;
    font-size: 13px;
    display: inline-block;
    margin-right: 50px;
    cursor: pointer;
}

.wrapper .personal-box .collect-content .wenda-nav .w-nav-active {
    color: #0100ff;
    font-size: 13px;
}


/*收藏公开课 top*/

.wrapper .collect-content .res-d {
    position: relative;
    width: 1420px;
    margin: 60px auto 0;
}

.wrapper .collect-content .res-d .res {
    position: relative;
    width: 450px;
    height: 320px;
    float: left;
    margin-right: 35px;
    margin-bottom: 30px;
    background-color: #fff;
}

.wrapper .collect-content .res-d .res .info {
    position: absolute;
    left: 20px;
    bottom: 13px;
    line-height: 16px;
    color: red;
    text-align: left;
}

.wrapper .collect-content .res-d .res .info .name {
    color: #333333;
    font-size: 16px;
    margin-bottom: 10px;
}

.wrapper .collect-content .res-d .res .info .year {
    color: #bfbfbf;
    font-size: 14px;
}

.wrapper .collect-content .res-d .res .pot {
    width: 30px;
    height: 27px;
    background-size: 30px 27px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../images/light-star.png");
    right: 20px;
    bottom: 20px;
    position: absolute;
}

.wrapper .collect-content .res-d .res .res-d-text {
    color: #ffffff;
    font-size: 14px;
    left: -16px;
    bottom: calc(71% - 50px);
    position: absolute;
    transform: rotate(-90deg);
    font-weight: bold;
}

.wrapper .collect-content .res-d .res:nth-child(3n) {
    margin-right: 0;
}

.wrapper .collect-content .res-d .res .res-d-cover {
    width: 450px;
    height: 250px;
}

.video_cover {
    position: fixed;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .8);
    z-index: 100000;
    display: none;
}

.wrapper .collect-content .res-d .res .btn-play-img {
    width: 60px;
    height: 60px;
    position: absolute;
    top: calc(37% - 30px);
    left: calc(48% - 30px);
}

.closeIcon {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 100002;
}

.video-js.vjs-16-9 {
    padding-top: 54.8% !important;
}


/*收藏公开课 end*/


/*收藏作品top*/

.wrapper .collect-content .works {
    position: relative;
    width: 1380px;
    margin: 0 auto;
}

.wrapper .collect-content .works .work {
    position: relative;
    width: 300px;
    height: 420px;
    float: left;
    overflow: hidden;
    margin-right: 60px;
    margin-bottom: 60px;
    cursor: pointer;
    transition: all 0.6s;
}

.wrapper .collect-content .works .work:nth-child(4n) {
    margin-right: 0px;
}

.wrapper .collect-content .works .work:hover {
    transition: all 1s;
    box-shadow: 3px 4px 5px 1px rgba(0, 0, 0, .3), -3px 0px 5px 1px rgba(0, 0, 0, .1);
}

.wrapper .collect-content .works .work:hover a {
    transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transition: all 1s;
}

.wrapper .collect-content .works .work .info {
    position: absolute;
    left: 20px;
    bottom: 20px;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    color: #fff;
}

.wrapper .collect-content .works .work .w-pot {
    width: 30px;
    height: 27px;
    background-size: 30px 27px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../images/light-star.png");
    right: 20px;
    top: 20px;
    position: absolute;
}


/*收藏作品 end*/


/*收藏新闻 top*/

.wrapper .collect-content .news-list {
    position: relative;
    width: 1390px;
    margin: 0 auto;
}

.wrapper .collect-content .news-list .news {
    margin: 0 50px 50px 0;
}

.wrapper .collect-content .news-list .news:nth-child(4n) {
    margin-right: 0;
}

.wrapper .collect-content .news {
    width: 310px;
    height: 420px;
    float: left;
    margin: 0 28px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.6s;
    position: relative;
}

.wrapper .collect-content .news .front {
    width: 100%;
    height: 100%;
    box-shadow: 10px 2px 5px 0px rgba(2, 46, 22, 0.58);
    background-color: #fff;
    cursor: pointer;
}

.wrapper .collect-content .news:hover {
    color: #0101ff;
    transition: ease-in-out 0.5s;
    box-shadow: 3px 4px 4px 1px rgba(211, 212, 212, .3), -3px 0px 4px 1px rgba(211, 212, 212, .3);
}

.wrapper .collect-content .news:hover .news-img a {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transition: ease-in-out 0.5s;
}

.wrapper .collect-content .news .front .news-img {
    width: 100%;
    height: 210px;
    position: relative;
    overflow: hidden;
    transition: ease-in-out 0.5s;
}

.wrapper .collect-content .news .front .intro {
    position: relative;
    padding: 30px 30px 0;
    height: 210px;
}

.wrapper .collect-content .news .front .w-pot {
    width: 30px;
    height: 27px;
    background-size: 30px 27px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../images/light-star.png");
    right: 20px;
    bottom: 20px;
    position: absolute;
}

.wrapper .collect-content .news .front .intro .tt {
    font-size: 16px;
    line-height: 25px;
    font-weight: bold;
}

.wrapper .collect-content .news .front .intro .itt {
    font-size: 14px;
    line-height: 23px;
    margin-top: 10px;
    color: rgba(0, 0, 0, 0.5);
}

.wrapper .collect-content .news .front .intro .datetime {
    position: absolute;
    bottom: 30px;
    left: 30px;
    font-weight: bold;
    font-size: 12px;
}


/*收藏新闻 end*/


/*个人中心 end .......................................................*/

.wrapper .navs_index .wrap .n-item .img_active {
    display: none;
}

.wrapper .index-b-09 .wrap .col .img2 {
    display: none;
}

.wrapper .index-b-09 .wrap .col {
    position: relative;
    display: flex!important;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    float: left;
}

.wrapper .index-b-09 .wrap .col img {
    /*position: absolute;*/
    /*top: -76px;*/
}

.wrapper .index-b-09 .wrap .col .horse1 {
    /*position: absolute;*/
    /*left: 105px;*/
}

.wrapper .index-b-09 .wrap .col .horse2 {
    /*position: absolute;*/
    /*left: 121px;*/
}

.wrapper .index-b-09 .wrap .col .horse3 {
    /*position: absolute;*/
    /*left: 120px;*/
}

.wrapper .index-b-09 .wrap .col .horse4 {
    /*position: absolute;*/
    /*left: 67px;*/
}

.wrapper .index-b-09 .wrap .col .horse5 {
    /*position: absolute;*/
    /*left: 96px;*/
}

.wrapper .navs .wrap {
    min-width: 1200px;
    overflow-x: scroll;
    white-space: nowrap;
    padding: 30px 20px;
    text-align: center;
}

.wrapper .navs .wrap::-webkit-scrollbar {
    display: none;
}

.wrapper .navs .wrap .n-item {
    display: inline-block;
    margin-right: 25px;
    height: 30px;
    padding: 0 20px;
    background-color: transparent;
    color: rgba(0, 0, 0, 0.5);
    font-size: 12px;
    line-height: 30px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    cursor: pointer;
}

.wrapper .navs .wrap .n-item.active,
.wrapper .navs .wrap .n-item:hover {
    background-color: #0101ff;
    color: #fff;
}

.wrapper .navs.blk .n-item.active,
.wrapper .navs.blk .n-item:hover {
    background-color: #000;
}

.wrapper .navs.yellow .n-item.active,
.wrapper .navs.yellow .n-item:hover {
    color: rgba(0, 0, 0, 0.5);
    background-color: #FED130;
}

.wrapper .top-b {
    position: relative;
}

.wrapper .top-b .info {
    position: absolute;
    width: 100%;
    top: 364px;
    text-align: center;
    color: #fff;
}

.wrapper .top-b .info .tt {
    font-size: 38px;
    line-height: 45px;
    font-weight: bold;
}

.wrapper .top-b .info .filter {
    margin: 10px 0;
}

.wrapper .top-b .info .filter span {
    width: 16px;
    border-bottom: 2px #fff solid;
    height: 2px;
    display: inline-block;
}

.wrapper .top-b .info .stt {
    font-size: 21px;
    line-height: 30px;
}

.wrapper .top-b.blk .info {
    color: #000;
}

.wrapper .top-b.blk .info .filter span {
    border-bottom: 2px #000 solid;
}

.wrapper .news {
    width: 310px;
    height: 420px;
    float: left;
    margin: 0 28px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.6s;
}

.wrapper .news .front {
    width: 100%;
    height: 100%;
    box-shadow: 10px 2px 5px 0px rgba(2, 46, 22, 0.58);
    background-color: #fff;
    cursor: pointer;
}

.wrapper .news:hover {
    color: #0101ff;
    transition: ease-in-out 0.5s;
    box-shadow: 3px 4px 4px 1px rgba(211, 212, 212, .3), -3px 0px 4px 1px rgba(211, 212, 212, .3);
}

.wrapper .news:hover .news-img a {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transition: ease-in-out 0.5s;
}

.wrapper .news .front .news-img {
    width: 100%;
    height: 210px;
    position: relative;
    overflow: hidden;
    transition: ease-in-out 0.5s;
}

.wrapper .news .front .intro {
    position: relative;
    padding: 30px 30px 0;
    height: 210px;
}

.wrapper .news .front .intro .tt {
    font-size: 16px;
    line-height: 25px;
    font-weight: bold;
}

.wrapper .news .front .intro .itt {
    font-size: 14px;
    line-height: 23px;
    margin-top: 10px;
    color: rgba(0, 0, 0, 0.5);
}

.wrapper .news .front .intro .datetime {
    position: absolute;
    bottom: 30px;
    left: 30px;
    font-weight: bold;
    font-size: 12px;
}

.wrapper .news .back {
    width: 100%;
    height: 100%;
    padding: 30px 30px 0;
    position: relative;
    background-color: #0101ff;
    color: #fff;
    display: none;
}

.wrapper .news .back .slide {
    z-index: 0;
}

.wrapper .news .back .tt {
    font-size: 28px;
    line-height: 30px;
    position: relative;
}

.wrapper .news .back .tt span {
    width: 12px;
    margin-left: 6px;
    border-bottom: 2px #fff solid;
    display: inline-block;
}

.wrapper .news .back .itt {
    font-size: 14px;
    line-height: 21px;
    margin-top: 20px;
    position: relative;
}

.wrapper .news .back .data {
    position: relative;
}

.wrapper .news .back .data p {
    margin-top: 16px;
    font-size: 12px;
}

.wrapper .news .back .data p img {
    width: 14px;
    margin-right: 20px;
    vertical-align: middle;
    margin-top: -3px;
}

.wrapper .news .back .more {
    position: absolute;
    bottom: 30px;
    left: 30px;
}

.wrapper .news .back .more a {
    display: inline-block;
    text-align: center;
    width: 90px;
    height: 36px;
    line-height: 36px;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    border-radius: 19px;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.5);
    background-color: #fff;
    margin-top: 26px;
    cursor: pointer;
}

.wrapper .index-w {
    width: 100%;
    position: relative;
}

.wrapper .index-w .index-slides {
    width: 100%;
    margin: 0 auto;
    height: 800px;
    position: relative;
    overflow-x: hidden;
}


/*.wrapper .index-w .index-slides .swiper-wrapper .swiper-slide-active{*/


/*overflow: hidden;*/


/*}*/


/*.wrapper .index-w .index-slides .swiper-wrapper .swiper-slide-active a{*/


/*transform: scale(1.1);*/


/*transition: all 1s;*/


/*}*/

.wrapper .index-w .tech-slides .index-teach-pagination {
    bottom: 40px !important;
    width: 100% !important;
    text-align: center;
}

.wrapper .index-w .tech-slides .swiper-pagination .swiper-pagination-bullet {
    height: 10px;
    width: 10px;
    background-color: rgba(255, 255, 255, 0.8);
    margin: 0 10px;
    border-radius: 10px;
    vertical-align: top;
}

.wrapper .index-w .tech-slides .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #fff;
    height: 13px;
    width: 13px;
}

.wrapper .index-w .index-slides .index-sw-pagination {
    bottom: 40px !important;
    width: 100% !important;
    text-align: center;
}

.wrapper .index-w .index-slides .swiper-button-prev1 {
    left: 0;
    bottom: calc(55% - 50px);
    width: 75px;
    height: 75px;
    background-color: transparent;
    position: absolute;
    z-index: 200000;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: rotate(180deg);
    cursor: pointer;
    outline: none;
}

.wrapper .index-w .index-slides .swiper-button-prev1 img {
    width: 70%;
}

.wrapper .index-w .index-slides .swiper-button-next1 img {
    width: 70%;
}

.wrapper .index-w .index-slides .swiper-button-next1 {
    right: 0 !important;
    bottom: calc(55% - 50px);
    width: 75px;
    height: 75px;
    background-color: transparent;
    position: absolute;
    z-index: 200000;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    outline: none;
}

.wrapper .index-w .index-slides .swiper-pagination .swiper-pagination-bullet {
    height: 10px;
    width: 10px;
    background-color: rgba(255, 255, 255, 0.8);
    margin: 0 10px;
    border-radius: 10px;
    vertical-align: top;
}

.wrapper .index-w .index-slides .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #fff;
    height: 13px;
    width: 13px;
}

.wrapper .index-w .index-slides .swiper-slide {
    position: relative;
}

.wrapper .index-w .index-slides .swiper-slide .info {
    position: absolute;
    text-align: center;
    width: 100%;
    top: 160px;
}

.wrapper .index-w .index-slides .swiper-slide .info img {
    width: 210px;
}

.wrapper .index-w .index-b-01 .res-c .res {
    background-color: #F7F7F7;
    padding: 160px 0;
    text-align: center;
    display: block;
}

.wrapper .index-w .index-b-01 .res-c .res .sch {
    font-size: 12px;
    line-height: 40px;
    color: rgba(0, 0, 0, 0.5);
}

.wrapper .index-w .index-b-01 .res-c .res .tt {
    font-size: 28px;
    line-height: 40px;
}

.wrapper .index-w .index-b-01 .res-c .res .last-res {
    padding: 20px 0;
}

.wrapper .index-w .index-b-01 .res-c .res .last-res .rr {
    width: 975px;
    margin: 0 auto;
}

.wrapper .index-w .index-b-01 .res-c .res .last-res .rr .rtt {
    font-size: 14px;
    line-height: 40px;
    color: rgba(0, 0, 0, 0.5);
}

.wrapper .index-w .index-b-01 .res-c .res .last-res .rr .line {
    border-bottom: 2px #ddd solid;
    margin: 0 auto;
}

.wrapper .index-w .index-b-01 .res-c .res .last-res .rr.active .rtt {
    color: #0101ff;
}

.wrapper .index-w .index-b-01 .res-c .res .last-res .rr.active .line {
    border-bottom: 2px #0101ff solid;
}

.wrapper .index-w .index-b-01 .res-c .res .sch-logo {
    margin-top: 50px;
}

.wrapper .index-w .index-b-01 .res-c .res .sch-logo img {
    height: 48px;
}

.wrapper .index-w .index-b-01 .res-c .slideup {
    height: 90px;
    text-align: center;
}

.wrapper .index-w .index-b-01 .res-c .slideup .btn-slideup {
    width: 90px;
    height: 36px;
    line-height: 36px;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    border-radius: 19px;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.5);
    border: 1px #ddd solid;
    display: inline-block;
    margin-top: 26px;
    cursor: pointer;
}

.wrapper .index-w .index-b-02 {
    position: relative;
    width: 100%;
    height: 487px;
    background-color: #1557a1;
}

.index_b_04_eq0 {
    width: 100%;
    height: 621px;
    background: #15589f !important;
    position: relative;
}

.wrapper .index-w .index-b-06 {
    position: relative;
    width: 100%;
    height: 950px;
    background-color: #fed130;
}

.wrapper .index-w .index-b-02 .left_fadeIn_img {
    position: absolute;
    left: 238px;
    top: 56px;
}

.wrapper .index-w .index-b-06 .left_fadeIn_img1 {
    position: absolute;
    left: 100px;
    top: 50px;
}

.wrapper .index-w .index-b-08 .left_fadeIn_img1 {
    position: absolute;
    left: 180px;
    top: 0px;
}

.wrapper .index-w .index-b-02 .info {
    position: absolute;
    margin-left: calc(40% + 80px);
    top: 165px;
        color: #fff;
}

.wrapper .index-w .index-b-02 .info .tt {
    font-size: 38px;
    line-height: 35px;
    font-weight: bold;
}

.wrapper .index-w .index-b-02 .info .stt {
    margin: 25px 0 35px;
    font-size: 17px;
    line-height: 30px;
        width: 75%;
}

.wrapper .index-w .index-b-02 .info .info-row {
    width: 500px;
}

.wrapper .index-w .index-b-02 .info .info-row .col {
    width: 250px;
    margin-bottom: 25px;
    float: left;
}

.wrapper .index-w .index-b-02 .info .info-row .col .ctt {
    font-size: 25px;
    line-height: 38px;
    font-weight: bold;
}

.wrapper .index-w .index-b-02 .info .info-row .col .ctt span {
    font-size: 33px;
    font-weight: bold;
}

.wrapper .index-w .index-b-02 .info .info-row .col .filter {
    margin: 0 0 16px;
}

.wrapper .index-w .index-b-02 .info .info-row .col .filter span {
    display: inline-block;
    width: 16px;
    border-bottom: 2px #fff solid;
}

.wrapper .index-w .index-b-02 .info .info-row .col .cvv {
    font-size: 14px;
    line-height: 21px;
    color: #fff;
}

.wrapper .index-w .index-b-03 .col {
    position: relative;
    width: 50%;
    float: left;
    padding: 150px 0;
    text-align: center;
}

.wrapper .index-w .index-b-03 .col:first-child {
    border-right: 1px #ddd solid;
}

.wrapper .index-w .index-b-03 .col .num {
    font-size: 160px;
    color: #1557a0;
    font-weight: bold;
    position: absolute;
    top: 163px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: -1;
    letter-spacing: -10px;
}

.wrapper .index-w .index-b-03 .col .tt {
    font-size: 46px;
    line-height: 55px;
    font-weight: 600;
    writing-mode: vertical-lr;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: vertical-rl;
    -o-writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    writing-mode: tb-rl;
    text-align: left;
    /* margin: 0 auto 30px; */
    margin-bottom: 10px;
    margin-left: calc(50% - 25px);
    height: 280px;
    letter-spacing: 0.2em;
}

.wrapper .index-w .index-b-03 .col .intro {
    font-size: 14px;
    line-height: 30px;
    color: rgba(0, 0, 0, 0.5);
}

.wrapper .index-w .index-b-03 .col .btn-b {
    margin-top: 60px;
}

.wrapper .index-w .index-b-03 .col .btn-b .btn-more {
    width: 90px;
    height: 36px;
    line-height: 36px;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    border-radius: 19px;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.5);
    border: 1px #ddd solid;
    display: inline-block;
    margin-top: 26px;
    cursor: pointer;
}

.wrapper .index-w .index-b-03 .col .btn-b .btn-more:hover {
    background-color: #0101ff;
    color: #ffffff;
}

.wrapper .index-w .index-b-04 {
    position: relative;
}

.wrapper .index-w .index-b-04 .tech-slides .swiper-slide {
    position: relative;
}

.wrapper .index-w .index-b-04 .tech-slides .swiper-slide .s-bg {
    width: 100%;
}

.wrapper .index-w .index-b-04 .tech-slides .swiper-slide .info {
    color: #fff;
    position: absolute;
    left: 220px;
    top: 100px;
}

.wrapper .index-w .index-b-04 .tech-slides .swiper-slide .info .tt {
    font-size: 38px;
    line-height: 44px;
    font-weight: bold;
}

.wrapper .index-w .index-b-04 .tech-slides .swiper-slide .info .stt {
    margin: 25px 0 35px;
    font-size: 20px;
    line-height: 30px;
}

.wrapper .index-w .index-b-04 .tech-slides .swiper-slide .info .t-name {
    font-size: 16px;
    line-height: 24px;
}

.wrapper .index-w .index-b-04 .tech-slides .swiper-slide .info .t-intro {
    font-size: 14px;
    line-height: 21px;
    color: rgba(255, 255, 255, 0.5);
}

.wrapper .index-w .index-b-04 .tech-slides .swiper-slide .info .filter {
    margin: 40px 0 56px;
}

.wrapper .index-w .index-b-04 .tech-slides .swiper-slide .info .filter span {
    display: inline-block;
    width: 16px;
    border-bottom: 2px #fff solid;
}

.wrapper .index-w .index-b-04 .tech-slides .swiper-slide .info .t-horse {
    width: 54px;
    margin-left: 42%;
}

.wrapper .index-w .index-b-04 .tech-slides .swiper-slide .info .cpright {
    margin-top: 205px;
    font-size: 12px;
    line-height: 18px;
    color: rgba(255, 255, 255, 0.5);
}

.wrapper .index-w .index-b-04 .tech-slides .swiper-slide .cpright2 {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 10px;
    font-size: 8px;
    line-height: 18px;
    color: rgba(255, 255, 255, 0.5);
}

.wrapper .index-w .index-b-04 .tech-slides .swiper-button-prev,
.wrapper .index-w .index-b-04 .tech-slides .swiper-button-next {
    width: 65px;
    height: 65px;
    background-color: #fff;
    color: #000;
    line-height: 65px;
    text-align: center;
    background-image: none;
    font-size: 22px;
    display: none;
    transition: all 1s;
}

.wrapper .index-w .index-b-04 .tech-slides:hover .swiper-button-prev,
.wrapper .index-w .index-b-04 .tech-slides:hover .swiper-button-next {
    display: block;
    -webkit-animation: arrow 12000ms infinite -2000ms;
    -moz-animation: arrow 12000ms infinite -2000ms;
    -ms-animation: arrow 12000ms infinite -2000ms;
    -o-animation: arrow 12000ms infinite -2000ms;
    animation: arrow 12000ms infinite -2000ms;
}

.wrapper .index-w .index-b-04 .tech-slides .swiper-button-prev:hover,
.wrapper .index-w .index-b-04 .tech-slides .swiper-button-next:hover {
    background-color: #FED130;
}

.wrapper .index-w .index-b-04 .tech-slides .swiper-button-prev:hover:after,
.wrapper .index-w .index-b-04 .tech-slides .swiper-button-next:hover:after {
    -webkit-text-stroke: 3px #FED130;
}

.wrapper .index-w .index-b-04 .tech-slides .swiper-button-prev {
    left: 0;
}

.wrapper .index-w .index-b-04 .tech-slides .swiper-button-prev:after {
    display: inline-block;
    text-align: right;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f053";
    -webkit-text-stroke: 3px #fff;
}

.wrapper .index-w .index-b-04 .tech-slides .swiper-button-next {
    right: 0;
}

.wrapper .index-w .index-b-04 .tech-slides .swiper-button-next:after {
    display: inline-block;
    text-align: right;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f054";
    -webkit-text-stroke: 3px #fff;
}


/*banner图替换top*/

.wrapper .index-w .index-slides .swiper-button-prev,
.wrapper .index-w .index-slides .swiper-button-next {
    width: 65px;
    height: 65px;
    background-color: rgba(255, 255, 255, .2);
    color: #000;
    line-height: 65px;
    text-align: center;
    background-image: none;
    font-size: 22px;
    /*display: none;*/
    transition: all 1s;
}

.wrapper .index-w .index-slides:hover .swiper-button-prev,
.wrapper .index-w .index-slides:hover .swiper-button-next {
    display: block;
    -webkit-animation: arrow 12000ms infinite -2000ms;
    -moz-animation: arrow 12000ms infinite -2000ms;
    -ms-animation: arrow 12000ms infinite -2000ms;
    -o-animation: arrow 12000ms infinite -2000ms;
    animation: arrow 12000ms infinite -2000ms;
}

.wrapper .index-w .index-slides .swiper-button-prev:hover,
.wrapper .index-w .index-slides .swiper-button-next:hover {
    background-color: #FED130;
}

.wrapper .index-w .index-slides .swiper-button-prev:hover:after,
.wrapper .index-w .index-slides .swiper-button-next:hover:after {
    -webkit-text-stroke: 3px #FED130;
}

.wrapper .index-w .index-slides .swiper-button-prev {
    left: 0;
}

.wrapper .index-w .index-slides .swiper-button-prev:after {
    display: inline-block;
    text-align: right;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f053";
    -webkit-text-stroke: 0px rgba(255, 255, 255, .2);
    transform: rotate(180deg);
}

.wrapper .index-w .index-slides .swiper-button-next {
    right: 0;
}

.wrapper .index-w .index-slides .swiper-button-next:after {
    display: inline-block;
    text-align: right;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f054";
    -webkit-text-stroke: 0px rgba(255, 255, 255, .2);
    ;
}


/*banner图按钮替换end*/


/*学校轮播图替换top*/

.wrapper .index-w .grade_img .swiper-button-prev,
.wrapper .index-w .grade_img .swiper-button-next {
    width: 65px;
    height: 65px;
    background-color: #fff;
    color: #000;
    line-height: 65px;
    text-align: center;
    background-image: none;
    font-size: 22px;
    /*display: none;*/
    transition: all 1s;
    outline: none;
}

.wrapper .index-w .grade_img:hover .swiper-button-prev,
.wrapper .index-w .grade_img:hover .swiper-button-next {
    display: block;
    -webkit-animation: arrow 12000ms infinite -2000ms;
    -moz-animation: arrow 12000ms infinite -2000ms;
    -ms-animation: arrow 12000ms infinite -2000ms;
    -o-animation: arrow 12000ms infinite -2000ms;
    animation: arrow 12000ms infinite -2000ms;
}

.wrapper .index-w .grade_img .swiper-button-prev:hover,
.wrapper .index-w .grade_img .swiper-button-next:hover {
    background-color: #FED130;
}

.wrapper .index-w .grade_img .swiper-button-prev:hover:after,
.wrapper .index-w .grade_img .swiper-button-next:hover:after {
    -webkit-text-stroke: 3px #FED130;
}

.wrapper .index-w .grade_img .swiper-button-prev {
    left: 0;
}

.wrapper .index-w .grade_img .swiper-button-prev:after {
    display: inline-block;
    text-align: right;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f053";
    -webkit-text-stroke: 3px #fff;
}

.wrapper .index-w .grade_img .swiper-button-next {
    right: 0;
}

.wrapper .index-w .grade_img .swiper-button-next:after {
    display: inline-block;
    text-align: right;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f054";
    -webkit-text-stroke: 3px #fff;
}


/*学校轮播图替换end*/

.wrapper .index-w .index-b-05 {
    background-color: #F7F7F7;
}

.wrapper .index-w .index-b-05 .news-c {
    padding: 55px 0 25px;
    width: 100%;
}

.wrapper .index-w .index-b-06 {
    position: relative;
}

.wrapper .index-w .index-b-06 .info {
    position: absolute;
    margin-left: calc(50% + 80px);
    top: 120px;
}

.wrapper .index-w .index-b-06 .info .tt {
    font-size: 38px;
    line-height: 35px;
    font-weight: bold;
}

.wrapper .index-w .index-b-06 .info .stt {
    margin: 25px 0 16px;
    font-size: 20px;
    line-height: 30px;
}

.wrapper .index-w .index-b-06 .info .filter {
    margin: 0 0 22px;
}

.wrapper .index-w .index-b-06 .info .filter span {
    display: inline-block;
    width: 14px;
    border-bottom: 2px #000 solid;
}

.wrapper .index-w .index-b-06 .info .htt {
    font-size: 14px;
    line-height: 21px;
    color: rgba(0, 0, 0, 0.5);
}

.wrapper .index-w .index-b-06 .info .op-b {
    margin-top: 120px;
}

.wrapper .index-w .index-b-06 .info .op-b p {
    margin-bottom: 15px;
}

.wrapper .index-w .index-b-06 .info .op-b .btn {
    height: 50px;
    width: 200px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    display: inline-block;
    line-height: 50px;
    padding-left: 30px;
}

.wrapper .index-w .index-b-06 .info .op-b .btn img {
    width: 23px;
    margin-right: 15px;
    vertical-align: text-bottom;
}

.wrapper .index-w .index-b-06 .info .op-b .btn.baoming {
    background-color: #000;
    color: #fff;
}

.wrapper .index-w .index-b-06 .info .op-b .btn.zixun {
    background-color: #fff;
    color: #000;
}

.wrapper .index-w .index-b-06 .info .op-b .hint {
    margin-top: 25px;
    font-size: 12px;
    line-height: 21px;
}

.wrapper .index-w .index-b-07 {
    background-color: #fff;
}

.wrapper .index-w .index-b-07 .wrap {
    min-width: 1200px;
    padding: 60px;
    text-align: center;
}

.wrapper .index-w .index-b-07 .wrap .col {
    width: 300px;
    text-align: center;
    display: inline-block;
}

.wrapper .index-w .index-b-07 .wrap .col .box {
    width: 94px;
    height: 94px;
    background-color: #FED130;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    cursor: pointer;
    padding-top: 20px;
    margin: 0 auto;
}

.img-icon {
    position: absolute;
}

.img-icon img {
    width: 18%;
}

.pic-cion1 {
    top: calc(37% - 41px);
    right: calc(20% - 17px);
}

.pic-cion2 {
    top: calc(65% - 23px);
    right: calc(23% - 34px);
}

.pic-cion3 {
    top: calc(72% - 22px);
    right: calc(26% - 20px);
}

.pic-cion4 {
    top: calc(73% - 12px);
    right: calc(23% - 25px);
}

.pic-cion5 {
    top: calc(82% - 12px);
    right: calc(35% - 22px);
}


/*首页轮播*/

.index-slides .index-sw-pagination .swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 0px;
}

.wrapper .index-w .index-slides .swiper-slide .slide .text-box {
    position: absolute;
    top: 50%;
    left: 4%;
    color: #fff;
    transform: translateY(-50%);
    font-weight: bold;
    display: block;
}

.wrapper .index-w .index-slides .swiper-slide .slide .text-box .text01 {
    font-size: 110px;
    line-height: 110px;
}

.wrapper .index-w .index-slides .swiper-slide .slide .text-box .text02 {
    font-size: 190px;
    line-height: 190px;
    margin-top: 15px;
}

.wrapper .index-w .index-slides .swiper-slide .slide .text-img {
    width: 45%;
    position: absolute;
    top: 50%;
    left: 47%;
    transform: translateY(-75%);
}

.wrapper .index-w .index-slides .swiper-slide .slide .text-img img {
    width: 100%;
}

.wrapper .index-w .index-slides .swiper-slide .slide .right-text {
    writing-mode: vertical-lr;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: vertical-rl;
    -o-writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    writing-mode: tb-rl;
    color: #fff;
    font-size: 24px;
    position: absolute;
    top: 10%;
    right: 2%;
    letter-spacing: 70px;
    display: block;
}

.wrapper .index-w .index-slides .swiper-slide .slide .right-text span {
    position: relative;
}

.wrapper .index-w .index-slides .swiper-slide .slide .right-text span:after {
    content: '';
    position: absolute;
    width: 43px;
    height: 34px;
    top: 85%;
    left: -12%;
    font-size: 30px;
    color: #fff;
    background-size: 43px 34px;
    background-repeat: no-repeat;
    background-image: url("../images/img_line.png");
}

.wrapper .index-w .index-slides .swiper-slide .slide .right-text span:last-of-type:after {
    width: 0;
}

@media screen and (max-width: 1460px) {
    .wrapper .index-w .index-slides .swiper-slide .slide .text-img {
        width: 40%;
        left: 52%;
    }
    .wrapper .index-w .index-slides .swiper-slide .slide .right-text {
        font-size: 18px;
        top: 18%;
        letter-spacing: 70px;
    }
    .wrapper .index-w .index-slides .swiper-slide .slide .right-text span:after {
        width: 36px;
        height: 26px;
        left: -20%;
        background-size: 36px 26px;
    }
}

@media screen and (max-width: 750px) {
    .wrapper .index-w .index-slides .swiper-slide .slide .text-box {
        left: 10%;
        transform: translateY(-100%);
    }
    .wrapper .index-w .index-slides .swiper-slide .slide .text-box .text01 {
        font-size: 46px;
        line-height: 46px;
    }
    .wrapper .index-w .index-slides .swiper-slide .slide .text-box .text02 {
        font-size: 60px;
        line-height: 60px;
    }
    .wrapper .index-w .index-slides .swiper-slide .slide .text-img {
        width: 80%;
        top: 50%;
        left: 7%;
        transform: translateY(133%);
    }
    .wrapper .index-w .index-slides .swiper-slide .slide .text-img img {
        width: 100%;
    }
    .wrapper .index-w .index-slides .swiper-slide .slide .right-text {
        display: none;
    }
}

.wrapper .index-w .index-b-07 .wrap .col:hover .box {
    color: #ffffff;
}

.wrapper .index-w .index-b-07 .wrap .col .box p {
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
}

.index-08-active {
    background: #0109cd;
}

.wrapper .index-w .index-b-07 .wrap .col .box img {
    height: 10px;
    margin-top: 12px;
}

.wrapper .index-w .index-b-07 .wrap .col .tt {
    font-size: 21px;
    line-height: 21px;
    margin-top: 30px;
}

.wrapper .index-w .index-b-07 .wrap .col .stt {
    font-size: 14px;
    line-height: 21px;
    margin-top: 10px;
    color: rgba(0, 0, 0, 0.5);
}

.teachs-c .teach .hov-info .col .zhu_info {
    overflow: hidden;
    height: 80px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wrapper .index-w .index-b-08 {
    width: 100%;
    height: 943px;
    background: #0101ff !important;
    position: relative;
}

.wrapper .index-w .index-b-08 .info {
    position: absolute;
    margin-left: calc(50% + 80px);
    top: 120px;
    color: #fff;
}

.wrapper .index-w .index-b-08 .info .tt {
    font-size: 38px;
    line-height: 35px;
    font-weight: bold;
}

.wrapper .index-w .index-b-08 .info .stt {
    margin: 25px 0 16px;
    font-size: 20px;
    line-height: 30px;
}

.wrapper .index-w .index-b-08 .info .filter {
    margin: 0 0 22px;
}

.wrapper .index-w .index-b-08 .info .filter span {
    display: inline-block;
    width: 14px;
    border-bottom: 2px #fff solid;
}

.wrapper .index-w .index-b-08 .info .htt {
    font-size: 14px;
    line-height: 21px;
    color: rgba(255, 255, 255, 0.6);
    margin-bottom: 10px;
}

.wrapper .index-w .index-b-08 .info .vest {
    height: 35px;
    margin-top: 40px;
}

.wrapper .index-w .index-b-08 .cpright {
    position: absolute;
    bottom: 60px;
    margin-left: calc(50% + 80px);
    font-size: 12px;
    line-height: 18px;
    color: rgba(255, 255, 255, 0.5);
}

.wrapper .index-w .index-b-09 {
    background-color: #fff;
}

.wrapper .index-w .index-b-09 .wrap {
    min-width: 1200px;
    padding: 120px 60px 60px;
    text-align: center;
    display: flex;
    justify-content: space-between;
    display: none;
}

.wrapper .index-w .index-b-09 .wrap .col {
    width: 300px;
    text-align: center;
    display: inline-block;
}

.wrapper .index-w .index-b-09 .wrap .col img {
    height: 90px;
}

.wrapper .index-w .index-b-09 .wrap .col .tt {
    font-size: 19px;
    line-height: 19px;
    margin-top: 30px;
}

.wrapper .index-w .index-b-09 .wrap .col .stt {
    font-size: 14px;
    line-height: 21px;
    margin-top: 10px;
    color: rgba(0, 0, 0, 0.5);
}


/*.wrapper .index-w .index-b-09 .wrap .col:nth-child(4) img {*/


/*height: 80px;*/


/*margin-top: 10px;*/


/*}*/


/*.wrapper .index-w .index-b-09 .wrap .col:nth-child(3) img {*/


/*height: 100px;*/


/*margin-top: -10px;*/


/*}*/

.wrapper .about-w .b-btn-more {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 65px;
}

.wrapper .about-w .b-btn-more .btn-more {
    height: 36px;
    line-height: 36px;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    border-radius: 19px;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.5);
    border: 1px #ddd solid;
    display: inline-block;
    cursor: pointer;
    padding: 0 20px;
}

.wrapper .about-w .b-btn-more .btn-more:hover {
    color: #ffffff;
    border: 1px #0101ff solid;
    background-color: #0101ff;
}

.wrapper .about-w .b-btn-more .close-more {
    width: 36px;
    height: 36px;
    line-height: 36px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #D9D9D9;
    color: #fff;
    text-align: center;
    cursor: pointer;
    font-size: 24px;
    -webkit-text-stroke: 4px #D9D9D9;
    display: inline-block;
}

.wrapper .about-w .row {
    width: 100%;
    top: 0;
    position: absolute;
    display: flex;
    align-items: center;
    height: 100%;
}

.wrapper .about-w .row .col {
    position: relative;
}

.wrapper .about-w .row .col.info .tt {
    font-size: 35px;
    line-height: 40px;
}

.wrapper .about-w .row .col.info .stt {
    font-size: 21px;
    line-height: 30px;
}

.wrapper .about-w .row .col.info .intro {
    font-size: 14px;
    line-height: 23px;
    color: rgba(0, 0, 0, 0.5);
}

.wrapper .about-w .row .col.info .filter {
    margin: 4px 0 10px;
}

.wrapper .about-w .row .col.info .filter span {
    width: 14px;
    border-bottom: 2px #000 solid;
    height: 2px;
    display: inline-block;
}

.wrapper .about-w .row.left .col {
    padding-left: 210px;
}

.wrapper .about-w .row.right .col {
    padding-left: 64%;
    height: 516px;
    overflow-y: auto;
        padding-right: 43px;
}

.wrapper .about-w .row.right .col::-webkit-scrollbar {
    width: 8px;
    height: 10px;
    background-color: #F5F5F5;
}

.wrapper .about-w .row.right .col::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
    border-radius: 10px;
    background-color: #ffffff;
}


/*定义滑块 内阴影+圆角*/

.wrapper .about-w .row.right .col::-webkit-scrollbar-thumb {
    border-radius: 10px;
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
    background-color: #fed130;
}

.wrapper .about-w .row.white .col {
    color: #fff;
}

.wrapper .about-w .row.white .col .intro {
    color: #fff
}

.wrapper .about-w .row.white .col .filter span {
    border-bottom: 2px #fff solid;
}

.wrapper .about-w .about-ww {
    position: relative;
}

.wrapper .about-w .about-ww .view-item {
    width: 100%;
}

.wrapper .about-w .about-ww .view-item img {
    width: calc(50% - 10px);
}

.wrapper .about-w .about-ww .view-item img:first-child {
    margin-right: 5px;
}

.wrapper .about-w .about-ww .view-item img:last-child {
    margin-left: 5px;
}

.wrapper .about-w .about-ww .swiper-button-prev,
.wrapper .about-w .about-ww .swiper-button-next {
    width: 65px;
    height: 65px;
    background-color: #fff;
    color: #000;
    line-height: 65px;
    text-align: center;
    background-image: none;
    font-size: 22px;
}

.wrapper .about-w .about-ww .swiper-button-prev:hover,
.wrapper .about-w .about-ww .swiper-button-next:hover {
    background-color: #FED130;
}

.wrapper .about-w .about-ww .swiper-button-prev:hover:after,
.wrapper .about-w .about-ww .swiper-button-next:hover:after {
    -webkit-text-stroke: 3px #FED130;
}

.wrapper .about-w .about-ww .swiper-button-prev {
    left: 0;
}

.wrapper .about-w .about-ww .swiper-button-prev:after {
    display: inline-block;
    text-align: right;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f053";
    -webkit-text-stroke: 3px #fff;
}

.wrapper .about-w .about-ww .swiper-button-next {
    right: 0;
}

.wrapper .about-w .about-ww .swiper-button-next:after {
    display: inline-block;
    text-align: right;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f054";
    -webkit-text-stroke: 3px #fff;
}

.wrapper .about-w .about-b-01 {
    position: relative;
}

.wrapper .about-w .about-b-01 .row {
    position: relative;
    width: 100%;
    height: 589px;
        margin-bottom: -125px
}

.wrapper .about-w .about-b-01 .row .col {
    width: 45%;
    float: left;
    position: relative;
}

.wrapper .about-w .about-b-01 .row .col.logo {
    text-align: center;
    margin-top: -380px;
}

.wrapper .about-w .about-b-01 .row .col.logo img {
    width: 100px;
    margin-top: 226px;
}

.wrapper .about-w .about-b-01 .row .col.logo .num {
    font-size: 108px;
    color: #1557a0;
    font-weight: bold;
    position: absolute;
    top: 310px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: -1;
    letter-spacing: -2px;
}

.wrapper .about-w .about-b-01 .row .col.info {
    /*padding-top: 162px;*/
    margin-top: -120px;
}

.wrapper .about-w .about-b-01 .row .col.info .tt {
    font-size: 35px;
    line-height: 40px;
}

.wrapper .about-w .about-b-01 .row .col.info .stt {
    font-size: 21px;
    line-height: 30px;
}

.wrapper .about-w .about-b-01 .row .col.info .intro {
    font-size: 14px;
    line-height: 23px;
    color: rgba(0, 0, 0, 0.5);
}

.wrapper .about-w .about-b-01 .row .col.info .filter {
    margin: 4px 0 10px;
}

.wrapper .about-w .about-b-01 .row .col.info .filter span {
    width: 14px;
    border-bottom: 2px #000 solid;
    height: 2px;
    display: inline-block;
}

.wrapper .about-w .about-b-02 {
    position: relative;
}

.wrapper .about-w .about-b-02 .b-btn-more .btn-more {
    border: 1px rgba(0, 0, 0, 0.5) solid;
}

.wrapper .about-w .about-b-03 {
    position: relative;
}

.wrapper .about-w .about-b-03 .info {
    padding-left: 100px;
}

.wrapper .about-w .about-b-04 {
    position: relative;
}

.wrapper .about-w .about-b-04 .b-btn-more .btn-more {
    color: #fff;
}

.wrapper .about-w .about-b-05 {
    position: relative;
}

.wrapper .about-w .about-b-06 {
    position: relative;
    height: 700px;
}

.wrapper .about-w .about-b-06 .row {
    width: 100%;
}

.wrapper .about-w .about-b-06 .row .col {
    float: left;
}

.wrapper .about-w .about-b-06 .row .col.info {
    width: 45%;
    padding-left: 340px;
    padding-top: 35px;
}

.wrapper .about-w .about-b-06 .row .col.info .tt {
    font-size: 35px;
    line-height: 40px;
}

.wrapper .about-w .about-b-06 .row .col.info .stt {
    font-size: 21px;
    line-height: 30px;
}

.wrapper .about-w .about-b-06 .row .col.info .sch-selector {
    position: relative;
    cursor: pointer;
    margin: 20px 0 10px;
    height: 44px;
    width: 320px;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
    line-height: 44px;
    background-color: #FED130;
    padding-left: 22px;
}

.wrapper .about-w .about-b-06 .row .col.info .sch-selector img {
    position: absolute;
    right: 22px;
    height: 15px;
    top: 16px;
}

.wrapper .about-w .about-b-06 .row .col.info .sch-selector .options {
    display: none;
    position: absolute;
    top: 50px;
    left: 0;
    background-color: #FED130;
    width: 320px;
}

.wrapper .about-w .about-b-06 .row .col.info .sch-selector .options .option {
    height: 44px;
    padding-left: 22px;
    border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
    cursor: pointer;
}

.wrapper .about-w .about-b-06 .row .col.info .sch-selector .options .option:last-child {
    border-bottom: none;
}

.wrapper .about-w .about-b-06 .row .col.info .intro {
    font-size: 12px;
    line-height: 21px;
    color: rgba(0, 0, 0, 0.3);
}

.wrapper .about-w .about-b-06 .row .col.info .intro .addr {
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.5);
    margin: 10px 0;
}

.wrapper .about-w .about-b-06 .row .col.info .intro .cc .ll {
    width: 60px;
    display: inline-block;
}

.wrapper .about-w .about-b-06 .row .col.info .filter {
    margin: 4px 0 10px;
}

.wrapper .about-w .about-b-06 .row .col.info .filter span {
    width: 14px;
    border-bottom: 2px #000 solid;
    height: 2px;
    display: inline-block;
}

.wrapper .about-w .about-b-06 .row .col.info .filter.slim span {
    border-bottom: 1px #000 solid;
}

.wrapper .about-w .about-b-06 .row .col.map {
    width: 55%;
    /*padding-top: 195px;*/
    padding-left: 200px;
}

.wrapper .about-w .about-b-06 .row .col.map .img-icon {
    display: none;
}

.wrapper .about-w .about-b-06 .row .col.map>img {
    width: 558px;
}

.wrapper .recruit-w .recruit-b-01 {
    position: relative;
    text-align: center;
    padding-top: 60px;
}

.wrapper .recruit-w .recruit-b-01 .tt {
    font-size: 21px;
    line-height: 40px;
}

.wrapper .recruit-w .recruit-b-01 .stt {
    font-size: 14px;
    line-height: 30px;
}

.wrapper .recruit-w .recruit-b-01 .btn-recruit-2018 {
    height: 36px;
    line-height: 36px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    font-size: 12px;
    color: #fff;
    background-color: #0101ff;
    display: inline-block;
    margin-top: 16px;
    cursor: pointer;
    padding: 0 32px;
}

.wrapper .recruit-w .recruit-b-01 .filter {
    margin: 0 0 10px;
}

.wrapper .recruit-w .recruit-b-01 .filter span {
    width: 14px;
    border-bottom: 2px #000 solid;
    height: 2px;
    display: inline-block;
}

.wrapper .recruit-w .recruit-b-01 .schs {
    margin-top: 140px;
}

.wrapper .recruit-w .recruit-b-01 .slides-ww {
    padding: 120px 0;
    background-color: #F8F8F8;
    position: relative;
}

.wrapper .recruit-w .recruit-b-01 .slides-ww .schs-slide {
    position: relative;
    max-width: 1380px;
    margin: 0 auto;
    overflow-x: hidden;
}

.wrapper .recruit-w .recruit-b-01 .slides-ww .swiper-button-prev,
.wrapper .recruit-w .recruit-b-01 .slides-ww .swiper-button-next {
    width: 65px;
    height: 65px;
    background-color: #fff;
    color: #000;
    line-height: 65px;
    text-align: center;
    background-image: none;
    font-size: 22px;
}

.wrapper .recruit-w .recruit-b-01 .slides-ww .swiper-button-prev:hover,
.wrapper .recruit-w .recruit-b-01 .slides-ww .swiper-button-next:hover {
    background-color: #FED130;
}

.wrapper .recruit-w .recruit-b-01 .slides-ww .swiper-button-prev:hover:after,
.wrapper .recruit-w .recruit-b-01 .slides-ww .swiper-button-next:hover:after {
    -webkit-text-stroke: 3px #FED130;
}

.wrapper .recruit-w .recruit-b-01 .slides-ww .swiper-button-prev {
    left: 0;
}

.wrapper .recruit-w .recruit-b-01 .slides-ww .swiper-button-prev:after {
    display: inline-block;
    text-align: right;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f053";
    -webkit-text-stroke: 3px #fff;
}

.wrapper .recruit-w .recruit-b-01 .slides-ww .swiper-button-next {
    right: 0;
}

.wrapper .recruit-w .recruit-b-01 .slides-ww .swiper-button-next:after {
    display: inline-block;
    text-align: right;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f054";
    -webkit-text-stroke: 3px #fff;
}

.wrapper .recruit-w .recruit-b-01 .op-b {
    margin-top: 140px;
    margin-bottom: 40px;
}

.wrapper .recruit-w .recruit-b-01 .op-b .open-more {
    height: 36px;
    line-height: 36px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.5);
    border: 1px #ddd solid;
    display: inline-block;
    cursor: pointer;
    padding: 0 20px;
}

.wrapper .recruit-w .recruit-b-01 .op-b .close {
    width: 36px;
    height: 36px;
    line-height: 36px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #D9D9D9;
    color: #fff;
    text-align: center;
    cursor: pointer;
    font-size: 24px;
    -webkit-text-stroke: 4px #D9D9D9;
    display: inline-block;
}

.wrapper .recruit-w .recruit-b-01 .sch {
    display: inline-block;
    width: 460px;
    border-right: 1px #ddd solid;
    text-align: center;
    padding-bottom: 32px;
}

.wrapper .recruit-w .recruit-b-01 .sch .logo {
    height: 45px;
    margin-bottom: 20px;
}

.wrapper .recruit-w .recruit-b-01 .sch .sch-name {
    font-size: 21px;
    line-height: 40px;
}

.wrapper .recruit-w .recruit-b-01 .sch .intro {
    font-size: 14px;
    line-height: 21px;
    color: rgba(0, 0, 0, 0.5);
}

.wrapper .recruit-w .recruit-b-01 .sch .last-res {
    padding: 20px 0 0;
}

.wrapper .recruit-w .recruit-b-01 .sch .last-res .rr .rtt {
    font-size: 10px;
    line-height: 26px;
    color: rgba(0, 0, 0, 0.5);
    font-weight: bold;
}

.wrapper .recruit-w .recruit-b-01 .sch .last-res .rr .line {
    width: 280px;
    border-bottom: 2px #ddd solid;
    margin: 0 auto;
}

.wrapper .recruit-w .recruit-b-01 .sch .last-res .rr.active .rtt {
    color: #0101ff;
}

.wrapper .recruit-w .recruit-b-01 .sch .last-res .rr.active .line {
    border-bottom: 2px #0101ff solid;
}

.wrapper .recruit-w .recruit-b-01 .sch:last-child,
.wrapper .recruit-w .recruit-b-01 .sch:nth-child(3n) {
    border-right: none;
}

.wrapper .recruit-w .recruit-b-02 {
    position: relative;
}

.wrapper .recruit-w .recruit-b-03 {
    position: relative;
}

.wrapper .recruit-w .recruit-b-03 .baoming-item {
    /*height: 870px;*/
    padding-bottom: 85px;
    background-color: #F7F7F7;
    text-align: center;
    padding-top: 50px;
}

.wrapper .recruit-w .recruit-b-03 .baoming-item .tt {
    font-size: 21px;
    line-height: 40px;
}

.wrapper .recruit-w .recruit-b-03 .baoming-item .stt {
    font-size: 14px;
    line-height: 30px;
    color: rgba(0, 0, 0, 0.5);
}

.wrapper .recruit-w .recruit-b-03 .baoming-item .filter {
    margin: 0 0 10px;
}

.wrapper .recruit-w .recruit-b-03 .baoming-item .filter span {
    width: 14px;
    border-bottom: 2px #000 solid;
    height: 2px;
    display: inline-block;
}

.wrapper .recruit-w .recruit-b-03 .baoming-item .qrcode-info {
    margin-top: 160px;
}

.wrapper .recruit-w .recruit-b-03 .baoming-item .qrcode-info .qrcode {
    height: 160px;
}

.wrapper .recruit-w .recruit-b-03 .baoming-item .qrcode-info .hint {
    font-size: 12px;
    line-height: 18px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.5);
    margin-top: 20px;
}

.wrapper .recruit-w .recruit-b-03 .baoming-item .select-icon {
    margin-top: 20px;
}

.wrapper .recruit-w .recruit-b-03 .baoming-item .select-icon span {
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #DEDEDE;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    -webkit-text-stroke: 1px #DEDEDE;
}

.wrapper .recruit-w .recruit-b-03 .baoming-item .role-selector {
    padding: 20px 0;
    max-width: 640px;
    margin: 160px auto 0;
}

.wrapper .recruit-w .recruit-b-03 .baoming-item .role-selector .col {
    width: 50%;
    float: left;
    cursor: pointer;
}

.wrapper .recruit-w .recruit-b-03 .baoming-item .role-selector .col .role {
    width: 114px;
    margin-bottom: 20px;
}

.wrapper .recruit-w .recruit-b-03 .baoming-item .role-selector .col .tt-en {
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
}

.wrapper .recruit-w .recruit-b-03 .baoming-item .role-selector .col .tt-zh {
    font-size: 14px;
    line-height: 23px;
    color: rgba(0, 0, 0, 0.5);
}

.wrapper .recruit-w .recruit-b-03 .baoming-item .role-selector .col:first-child {
    border-right: 1px #ddd solid;
}

.wrapper .recruit-w .recruit-b-03 .baoming-item .role-selector .col.selected .select-icon span {
    background-color: #000;
    -webkit-text-stroke: 1px #000;
}

.wrapper .recruit-w .recruit-b-03 .baoming-item .baoming-form {
    margin: 40px auto 0;
}

.wrapper .recruit-w .recruit-b-03 .baoming-item .baoming-form .form-control {
    position: relative;
    margin: 20px 0;
}

.wrapper .recruit-w .recruit-b-03 .baoming-item .baoming-form .form-control input {
    -webkit-appearance: none;
    width: 290px;
    height: 50px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background-color: #fff;
    font-size: 14px;
    line-height: 50px;
    padding: 0 25px;
    border: none;
    outline: none;
}

.wrapper .recruit-w .recruit-b-03 .baoming-item .baoming-form .form-control input:focus,
.wrapper .recruit-w .recruit-b-03 .baoming-item .baoming-form .form-control input.checked {
    border: none;
    outline: none;
    background-color: #FED130;
}

.wrapper .recruit-w .recruit-b-03 .baoming-item .baoming-form .form-control select {
    -webkit-appearance: none;
    width: 290px;
    height: 50px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background-color: #fff;
    font-size: 14px;
    line-height: 50px;
    padding: 0 25px;
    border: none;
    outline: none;
    color: rgba(0, 0, 0, 0.5);
}

.wrapper .recruit-w .recruit-b-03 .baoming-item .baoming-form .form-control select:focus,
.wrapper .recruit-w .recruit-b-03 .baoming-item .baoming-form .form-control select.checked {
    border: none;
    outline: none;
    background-color: #FED130;
    color: #000;
}

.wrapper .recruit-w .recruit-b-03 .baoming-item .baoming-form .form-control .selector {
    width: 290px;
    margin: 0 auto;
}

.wrapper .recruit-w .recruit-b-03 .baoming-item .baoming-form .form-control .selector .col {
    width: 145px;
    float: left;
    background-color: #fff;
    height: 50px;
    font-size: 14px;
    line-height: 50px;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.5);
}

.wrapper .recruit-w .recruit-b-03 .baoming-item .baoming-form .form-control .selector .col:first-child {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    border-right: 1px #eee solid;
}

.wrapper .recruit-w .recruit-b-03 .baoming-item .baoming-form .form-control .selector .col:last-child {
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}

.wrapper .recruit-w .recruit-b-03 .baoming-item .baoming-form .form-control .selector .col.checked {
    background-color: #FED130;
}

.wrapper .recruit-w .recruit-b-03 .baoming-item .baoming-form .form-control .btn-submit {
    width: 290px;
    height: 50px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background-color: #000;
    color: #fff;
    font-size: 14px;
    line-height: 50px;
    border: none;
}

.wrapper .recruit-w .recruit-b-03 .baoming-item .baoming-form .form-control .select-icon {
    position: absolute;
    top: -5px;
    right: calc(50% - 185px);
}

.wrapper .recruit-w .recruit-b-03 .baoming-item .baoming-form .form-control .select-icon span {
    background-color: #000;
    -webkit-text-stroke: 1px #000;
}

.wrapper .recruit-w .recruit-b-03 .baoming-item .baoming-form .form-control .icon-adown {
    position: absolute;
    left: calc(50% + 110px);
    top: 17px;
    height: 16px;
}

.wrapper .recruit-w .recruit-b-03 .baoming-item .baoming-form .form-control.filter .split {
    width: 290px;
    margin: 0 auto;
    padding-top: 20px;
    border-top: 1px #ddd solid;
}

.wrapper .recruit-w .recruit-b-03 .baoming-item .sch-addrs-slide {
    margin-top: 60px;
}

.wrapper .recruit-w .recruit-b-03 .baoming-item .sch-addrs-slide .addr-b {
    width: 680px;
    height: 400px;
    padding: 46px 0;
    background-color: #fff;
}

.wrapper .recruit-w .recruit-b-03 .baoming-item .sch-addrs-slide .addr-b .top-icons img {
    width: 62px;
    margin: 0 18px;
}

.wrapper .recruit-w .recruit-b-03 .baoming-item .sch-addrs-slide .addr-b .info {
    font-size: 14px;
    line-height: 23px;
    margin-top: 40px;
}

.wrapper .recruit-w .recruit-b-03 .baoming-item .sch-addrs-slide .addr-b .info .ltt {
    display: inline-block;
    width: 160px;
    text-align: right;
    float: left;
    font-weight: bold;
}

.wrapper .recruit-w .recruit-b-03 .baoming-item .sch-addrs-slide .addr-b .info .vv {
    color: rgba(0, 0, 0, 0.5);
    margin-left: 20px;
    text-align: left;
    width: calc(100% - 180px);
    display: inline-block;
    float: left;
}

.wrapper .recruit-w .recruit-b-03 .baoming-item .sch-addrs-slide .addr-b.swiper-slide-active {
    background-color: #FED130;
}

.wrapper .recruit-w .recruit-b-03 .baoming-item .sch-chooser {
    width: 1040px;
    margin: 80px auto 0;
}

.wrapper .recruit-w .recruit-b-03 .baoming-item .sch-chooser .col {
    width: 50%;
    float: left;
    border-bottom: 1px #ddd solid;
    cursor: pointer;
}

.wrapper .recruit-w .recruit-b-03 .baoming-item .sch-chooser .col p {
    font-size: 14px;
    line-height: 40px;
}

.wrapper .recruit-w .recruit-b-03 .baoming-item .sch-chooser .col .ctt {
    font-weight: bold;
}

.wrapper .recruit-w .recruit-b-03 .baoming-item .sch-chooser .col .cstt {
    color: rgba(0, 0, 0, 0.5);
}

.wrapper .recruit-w .recruit-b-03 .baoming-item .sch-chooser .col.active {
    border-bottom: 2px #000 solid;
}

.wrapper .recruit-w .recruit-b-04 {
    position: relative;
}

.wrapper .recruit-w .recruit-b-05 {
    position: relative;
}

.wrapper .recruit-w .recruit-b-05 .b05-item {
    height: auto;
    background-color: #F7F7F7;
    text-align: center !important;
    padding-top: 50px;
}

.wrapper .recruit-w .recruit-b-05 .b05-item .tt {
    font-size: 21px;
    line-height: 40px;
}

.wrapper .recruit-w .recruit-b-05 .b05-item .stt {
    font-size: 14px;
    line-height: 30px;
    color: rgba(0, 0, 0, 0.5);
}

.wrapper .recruit-w .recruit-b-05 .b05-item .filter {
    margin: 0 0 10px;
}

.wrapper .recruit-w .recruit-b-05 .b05-item .filter span {
    width: 14px;
    border-bottom: 2px #000 solid;
    height: 2px;
    display: inline-block;
}

.wrapper .recruit-w .recruit-b-05 .b05-item .process-slide {
    margin-top: 60px;
}

.wrapper .recruit-w .recruit-b-05 .b05-item .process-slide .process-b {
    width: 600px;
    height: 320px;
    padding: 50px 0;
    background-color: #fff;
}

.wrapper .recruit-w .recruit-b-05 .b05-item .process-slide .process-b img {
    width: 68px;
}

.wrapper .recruit-w .recruit-b-05 .b05-item .process-slide .process-b .ptt {
    font-size: 16px;
    line-height: 23px;
    font-weight: bold;
    margin-top: 30px;
}

.wrapper .recruit-w .recruit-b-05 .b05-item .process-slide .process-b .pstt {
    font-size: 14px;
    line-height: 23px;
    color: rgba(0, 0, 0, 0.5);
    margin-top: 10px;
}

.wrapper .recruit-w .recruit-b-05 .b05-item .process-slide .process-b.swiper-slide-active {
    background-color: #0101ff;
    color: #fff;
}

.wrapper .recruit-w .recruit-b-05 .b05-item .process-slide .process-b.swiper-slide-active .pstt {
    color: rgba(255, 255, 255, 0.6);
}

.wrapper .recruit-w .recruit-b-05 .b05-item .process-chooser {
    width: 1040px;
    margin: 80px auto 0;
}

.wrapper .recruit-w .recruit-b-05 .b05-item .process-chooser .col {
    width: 20%;
    float: left;
    border-bottom: 1px #ddd solid;
    cursor: pointer;
}

.wrapper .recruit-w .recruit-b-05 .b05-item .process-chooser .col .ctt {
    font-size: 30px;
    line-height: 45px;
    font-weight: bold;
}

.wrapper .recruit-w .recruit-b-05 .b05-item .process-chooser .col .cstt {
    font-size: 14px;
    line-height: 30px;
    color: rgba(0, 0, 0, 0.5);
    padding-bottom: 20px;
}

.wrapper .recruit-w .recruit-b-05 .b05-item .process-chooser .col.active {
    border-bottom: 2px #000 solid;
}

.wrapper .recruit-w .recruit-b-05 .b05-item .qaa {
    margin: 60px auto 0;
    width: 1040px;
}

.wrapper .recruit-w .recruit-b-05 .b05-item .qaa .qa1 {
    text-align: left;
}

.wrapper .recruit-w .recruit-b-05 .b05-item .qaa .qa1 .qq {
    position: relative;
    font-size: 15px;
    line-height: 30px;
    cursor: pointer;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
}

.wrapper .recruit-w .recruit-b-05 .b05-item .qaa .qa1 .qq .seq {
    display: inline-block;
    width: 36px;
    height: 36px;
    background-repeat: no-repeat;
    background-size: 32px 32px;
    background-position: center;
    /*text-align: right;*/
    /*padding-right: 10px;*/
    /*font-weight: bold;*/
    /*color: #000;*/
    background-image: url("../images/wenhao.png");
}

.wrapper .recruit-w .recruit-b-05 .b05-item .qaa .qa1 .qq:after {
    display: inline-block;
    text-align: right;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f068";
    -webkit-text-stroke: 1px #F7F7F7;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 10px;
    line-height: 30px;
    color: rgba(0, 0, 0, 0.3);
}

.nav-name>a {
    color: #ffffff;
}

.nav-name:hover>a {
    color: #fed130;
}

.wrapper .recruit-w .recruit-b-05 .b05-item .qaa .qa1 .aa {
    display: block;
    padding-left: 36px;
    font-size: 15px;
    line-height: 23px;
    color: rgba(0, 0, 0, 0.5);
    margin-top: 10px;
    padding-bottom: 20px;
}

.wrapper .recruit-w .recruit-b-05 .b05-item .qaa .qa1.active {
    border-bottom: 1px #ddd solid;
    margin-bottom: 20px;
}

.wrapper .recruit-w .recruit-b-05 .b05-item .qaa .qa1.active .qq {
    font-weight: bold;
    color: #000;
}

.wrapper .recruit-w .recruit-b-05 .b05-item .qaa .qa1.active .qq:after {
    content: "\f067";
    color: #000;
}

.wrapper .recruit-w .recruit-b-05 .b05-item .qaa .qa1.active .aa {
    display: block;
}

.wrapper .recruit-w .recruit-b-05 .b05-item {}

.wrapper .teach-w .teacher-b {
    position: relative;
}

.wrapper .teach-w .teacher-b .info {
    color: #fff;
    position: absolute;
    left: 229px;
    top: 166px;
}

.wrapper .teach-w .teacher-b .info .tt {
    font-size: 38px;
    line-height: 35px;
    font-weight: bold;
}

.wrapper .teach-w .teacher-b .info .stt {
    margin: 25px 0 35px;
    font-size: 20px;
    line-height: 30px;
}

.wrapper .teach-w .teacher-b .info .t-name {
    font-size: 14px;
    line-height: 21px;
}

.wrapper .teach-w .teacher-b .info .t-intro {
    font-size: 14px;
    line-height: 21px;
    color: rgba(255, 255, 255, 0.5);
}

.wrapper .teach-w .teacher-b .info .filter {
    margin: 20px 0 36px;
}

.wrapper .teach-w .teacher-b .info .filter span {
    display: inline-block;
    width: 16px;
    border-bottom: 2px #fff solid;
}

.wrapper .teach-w .teacher-b .info .t-horse {
    width: 54px;
}

.wrapper .teach-w .teacher-b .info .cpright {
    margin-top: 40px;
    font-size: 12px;
    line-height: 18px;
    color: rgba(255, 255, 255, 0.5);
}

.wrapper .teach-w .teachers {
    padding: 40px 0 80px;
}

.wrapper .teach-w .teachers .tt {
    text-align: center;
    font-size: 21px;
    line-height: 30px;
}

.wrapper .teach-w .teachers .filter {
    margin: 10px 0 16px;
    text-align: center;
}

.wrapper .teach-w .teachers .filter span {
    display: inline-block;
    width: 16px;
    border-bottom: 2px #000 solid;
}

.wrapper .teach-w .teachers .teachs-c {
    position: relative;
    width: 1325px;
    margin: 40px auto 0;
}

.wrapper .teach-w .teachers .teachs-c .teach {
    position: relative;
    /*width: 265px;*/
    width: 20%;
    height: 360px;
    float: left;
}

.wrapper .teach-w .teachers .teachs-c .tech1 {
    width: 100%;
}

.wrapper .teach-w .teachers .teachs-c .teach .info {
    position: absolute;
    left: 20px;
    bottom: 20px;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    color: #fff;
}

.wrapper .teach-w .teachers .teachs-c .teach .hov-info {
    position: absolute;
    /*width: 530px;*/
    width: 100%;
    height: 360px;
    top: 0;
    left: 0;
    display: none;
    z-index: 11;
}

.wrapper .teach-w .teachers .teachs-c .teach .hov-info .col {
    width: 50%;
    height: 100%;
    float: left;
    color: #fff;
    position: relative;
}

.wrapper .teach-w .teachers .teachs-c .teach .hov-info .col.col1 {
    padding-top: 120px;
    text-align: center;
}

.wrapper .teach-w .teachers .teachs-c .teach .hov-info .col.col1 .no {
    font-size: 10px;
    line-height: 21px;
    font-weight: bold;
}

.wrapper .teach-w .teachers .teachs-c .teach .hov-info .col.col1 .seq {
    font-size: 75px;
    font-weight: bold;
}

.wrapper .teach-w .teachers .teachs-c .teach .hov-info .col.col2 {
    padding: 35px 25px;
}

.wrapper .teach-w .teachers .teachs-c .teach .hov-info .col.col2 .name-en {
    font-size: 28px;
    line-height: 30px;
}

.wrapper .teach-w .teachers .teachs-c .teach .hov-info .col.col2 .intro {
    font-size: 14px;
    line-height: 23px;
}

.wrapper .teach-w .teachers .teachs-c .teach .hov-info .col.col2 .resume {
    font-size: 12px;
    line-height: 20px;
    overflow: hidden;
    height: 80px;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: rgba(255, 255, 255, 0.6);
}

.wrapper .teach-w .teachers .teachs-c .teach .hov-info .col.col2 .filter {
    margin: 0 0 6px;
    text-align: left;
}

.wrapper .teach-w .teachers .teachs-c .teach .hov-info .col.col2 .filter span {
    border-bottom: 2px #fff solid;
}

.wrapper .teach-w .teachers .teachs-c .teach .hov-info .col.col2 .btn-more {
    position: absolute;
    left: 25px;
    bottom: 35px;
    height: 36px;
    line-height: 36px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.5);
    background-color: #fff;
    display: inline-block;
    margin-top: 26px;
    cursor: pointer;
    padding: 0 20px;
}

.wrapper .teach-w .teachers .teachs-c .teach:hover .hov-info,
.wrapper .teach-w .teachers .teachs-c .teach.active .hov-info {
    display: block;
}

.wrapper .teach-w .teachers .teachs-c .teach:nth-child(5n) .hov-info {
    left: auto;
    right: 0;
}

.wrapper .teach-w .works-w {
    background-color: #F7F7F7;
    padding-top: 60px;
}

.wrapper .teach-w .works-w .works {
    position: relative;
    width: 1380px;
    margin: 0 auto;
}

.wrapper .teach-w .works-w .works .work {
    position: relative;
    width: 300px;
    height: 420px;
    float: left;
    overflow: hidden;
    margin-right: 60px;
    margin-bottom: 60px;
    cursor: pointer;
    transition: all 0.6s;
}

.wrapper .teach-w .works-w .works .work:hover {
    transition: all 1s;
    box-shadow: 3px 4px 5px 1px rgba(0, 0, 0, .3), -3px 0px 5px 1px rgba(0, 0, 0, .1);
}

.wrapper .teach-w .works-w .works .work:hover a {
    transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transition: all 1s;
}

.wrapper .teach-w .works-w .works .work .info {
    position: absolute;
    left: 20px;
    bottom: 20px;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    color: #fff;
}

.wrapper .teach-w .works-w .works .work .w-pot {
    width: 30px;
    height: 27px;
    background-size: 30px 27px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../images/kongxin.png");
    right: 20px;
    top: 20px;
    position: absolute;
}

.wrapper .teach-w .works-w .works .work .back-info {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(7, 32, 210, 0.9);
    padding: 30px;
    color: #fff;
}

.wrapper .teach-w .works-w .works .work .back-info .work-name {
    font-size: 28px;
    line-height: 30px;
    font-weight: bold;
}

.wrapper .teach-w .works-w .works .work .back-info .work-name span {
    width: 14px;
    margin-left: 8px;
    border-bottom: 2px #fff solid;
    display: inline-block;
}

.wrapper .teach-w .works-w .works .work .back-info .intro {
    margin: 20px 0;
    font-size: 14px;
    line-height: 18px;
}

.wrapper .teach-w .works-w .works .work .back-info .kv {
    font-size: 14px;
    line-height: 23px;
}

.wrapper .teach-w .works-w .works .work .back-info .kv .kk {
    font-weight: bold;
    margin-right: 20px;
}

.wrapper .teach-w .works-w .works .work .back-info .btn-more {
    position: absolute;
    left: 30px;
    bottom: 30px;
    height: 36px;
    line-height: 36px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.5);
    background-color: #fff;
    display: inline-block;
    margin-top: 26px;
    cursor: pointer;
    padding: 0 20px;
}

.wrapper .teach-w .works-w .works .work:nth-child(4n) {
    margin-right: 0;
}

.wrapper .teach-w .publish-w {
    background-color: #F7F7F7;
    padding-top: 60px;
}

.wrapper .teach-w .publish-w .publishes {
    position: relative;
    width: 1380px;
    margin: 0 auto;
}

.wrapper .teach-w .publish-w .publishes .publish {
    position: relative;
    width: 300px;
    height: 420px;
    float: left;
    overflow: hidden;
    margin-right: 60px;
    margin-bottom: 60px;
    cursor: pointer;
    transition: all 0.6s;
}

.wrapper .teach-w .publish-w .publishes .publish:hover {
    transition: all 1s;
    box-shadow: 3px 4px 5px 1px rgba(0, 0, 0, .3), -3px 0px 5px 1px rgba(0, 0, 0, .1);
}

.wrapper .teach-w .publish-w .publishes .publish:hover a {
    color: #0101ff;
    transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transition: all 1s;
}

.wrapper .teach-w .publish-w .publishes .publish .slide {
    bottom: 120px;
}

.wrapper .teach-w .publish-w .publishes .publish .info {
    position: absolute;
    background-color: #fff;
    height: 120px;
    width: 100%;
    bottom: 0;
    padding: 30px 0 0 30px;
}


/*出版物*/


/*.wrapper .teach-w .publish-w .publishes .publish .w-pot {*/


/*width: 30px;*/


/*height: 27px;*/


/*background-size: 30px 27px;*/


/*background-position: center;*/


/*background-repeat: no-repeat;*/


/*background-image: url("../images/kongxin.png");*/


/*right: 20px;*/


/*top: 20px;*/


/*position: absolute;*/


/*}*/

.wrapper .teach-w .publish-w .publishes .publish .info .name {
    font-size: 21px;
    line-height: 28px;
    font-weight: bold;
}

.wrapper .teach-w .publish-w .publishes .publish .info .author {
    position: absolute;
    right: 30px;
    bottom: 36px;
    font-size: 19px;
    line-height: 19px;
}

.wrapper .teach-w .publish-w .publishes .publish .back-info {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0101ff;
    padding: 30px;
    color: #fff;
}

.wrapper .teach-w .publish-w .publishes .publish .back-info .work-name {
    font-size: 27px;
    line-height: 30px;
    font-weight: bold;
}

.wrapper .teach-w .publish-w .publishes .publish .back-info .work-name span {
    width: 14px;
    margin-left: 8px;
    border-bottom: 2px #fff solid;
    display: inline-block;
}

.wrapper .teach-w .publish-w .publishes .publish .back-info .intro {
    margin: 20px 0;
    font-size: 14px;
    line-height: 18px;
}

.wrapper .teach-w .publish-w .publishes .publish .back-info .kv {
    font-size: 14px;
    line-height: 23px;
}

.wrapper .teach-w .publish-w .publishes .publish .back-info .kv .kk {
    font-weight: bold;
    margin-right: 20px;
}

.wrapper .teach-w .publish-w .publishes .publish .back-info .btn-more {
    position: absolute;
    left: 30px;
    bottom: 30px;
    height: 36px;
    line-height: 36px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.5);
    background-color: #fff;
    display: inline-block;
    margin-top: 26px;
    cursor: pointer;
    padding: 0 20px;
}

.wrapper .teach-w .publish-w .publishes .publish:nth-child(4n) {
    margin-right: 0;
}

.wrapper .news-w .news-c {
    background-color: #F7F7F7;
    padding-top: 60px;
}

.wrapper .news-w .news-c .new-search-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    margin-bottom: 30px;
    width: 1390px;
}

.wrapper .news-w .news-c .new-search-box .com-bread-box {
    margin-bottom: 0;
}

.wrapper .news-w .news-c .news-list {
    position: relative;
    width: 1390px;
    margin: 0 auto;
}

.wrapper .news-w .news-c .news-list .news {
    margin: 0 50px 50px 0;
}

.wrapper .news-w .news-c .news-list .news:nth-child(4n) {
    margin-right: 0;
}

.wrapper .news-w .top-b.fixed {
    position: absolute;
    width: 100%;
    top: 0;
}

.wrapper .news-w .news-detail {
    margin-top: 155px;
    width: 100%;
    background-color: #f7f7f7;
    position: relative;
}


/*新增新闻详情页样式 top*/

.wrapper .news-w .news-detail .detail-box {
    width: 1125px;
    margin: 0 auto;
    margin-top: 65px;
}

.wrapper .news-w .news-detail .detail-box .detail-right {
    width: 330px;
    float: right;
    background: #ffffff;
    border-radius: 5px;
}

.wrapper .news-w .news-detail .detail-box .detail-right .detail-right-title {
    font-size: 18px;
    color: #333333;
    padding: 15px;
    font-weight: bold;
    border-bottom: 1px solid #ededed;
}

.wrapper .news-w .news-detail .detail-box .detail-right .detail-right-content {
    padding: 35px 15px;
}

.wrapper .news-w .news-detail .detail-box .detail-right .detail-right-text {
    text-align: center;
}

.wrapper .news-w .news-detail .detail-box .detail-right .detail-right-text img {
    width: 290px;
    border-radius: 5px;
}

.wrapper .news-w .news-detail .detail-box .detail-right .detail-right-text p {
    margin-top: 10px;
    margin-bottom: 20px;
}

.wrapper .news-w .news-detail .detail-box .detail-right .news-hrf {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.wrapper .news-w .news-detail .detail-box .detail-right .news-hrf .news-icon1,
.wrapper .news-w .news-detail .detail-box .detail-right .news-hrf .news-icon2 {
    display: inline-block;
    width: 22px;
    height: 22px;
    line-height: 22px;
    border-radius: 50%;
    text-align: center;
    color: #ffffff;
    margin-right: 18px;
}

.wrapper .news-w .news-detail .detail-box .detail-right .news-hrf .news-icon1 {
    background-color: #fed130;
}

.wrapper .news-w .news-detail .detail-box .detail-right .news-hrf .news-icon2 {
    background-color: #0101ff;
}

.wrapper .news-w .news-detail .detail-box .detail-right .news-hrf a {
    color: #666666;
    font-size: 14px;
    width: 250px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/*新增新闻详情页样式 end*/

.wrapper .news-w .news-detail .tt {
    position: relative;
    /*height: 90px;*/
    text-align: center;
    font-size: 21px;
    line-height: 90px;
    border-bottom: 1px #ddd solid;
}

.wrapper .news-w .news-detail .tt .detail-close {
    position: absolute;
    width: 90px;
    height: 90px;
    text-align: center;
    line-height: 90px;
    background-color: #FED130;
    right: 0;
    top: 0;
    display: inline-block;
    cursor: pointer;
    -webkit-text-stroke: 7px #FED130;
    font-size: 40px;
    color: #000;
}

.wrapper .news-w .news-detail .tt .detail-close a:hover,
.wrapper .news-w .news-detail .tt .detail-close a:visited {
    color: #000;
}

.wrapper .news-w .news-detail .detail {
    width: 768px;
    margin: 0 auto;
    float: left;
    background-color: #ffffff;
    padding: 30px;
    border-radius: 5px;
    position: relative;
}

.wrapper .news-w .news-detail .detail .w-pot {
    width: 30px;
    height: 27px;
    background-size: 30px 27px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../images/kongxin.png");
    right: 20px;
    top: 50px;
    position: absolute;
}

.m-cover {
    display: none;
}


/*新增新闻详情页样式*/

.wrapper .news-w .news-detail .re-detail {
    width: 768px;
    margin: 0 auto;
    float: none;
    background-color: #f7f7f7;
}

.wrapper .news-w .news-detail .re-detail .re-position {
    width: 100%;
    border-bottom: 1px dashed #ededed;
    height: 100px;
    display: flex;
    color: #666666;
    font-size: 14px;
    align-items: center;
    justify-content: space-between;
}

.wrapper .news-w .news-detail .re-detail .re-position .re-po-top {
    margin-top: 15px;
}

.wrapper .news-w .news-detail .re-detail .re-detail-text {
    padding: 15px 0px;
    border-bottom: 1px dashed #ededed;
}

.wrapper .news-w .news-detail .re-detail .re-detail-text .re-dtl-item>div {
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 10px;
    margin-top: 10px;
}

.wrapper .news-w .news-detail .re-detail .re-detail-text .re-dtl-item>p {
    font-size: 14px;
    color: #666666;
    line-height: 2em;
}

.wrapper .news-w .news-detail .re-detail .re-upload .re-upload-title {
    margin-top: 30px;
    margin-bottom: 25px;
}

.wrapper .news-w .news-detail .re-detail .re-upload {
    padding-bottom: 198px;
}

.wrapper .news-w .news-detail .re-detail .re-upload .re-upload-btn {
    display: flex;
}

.wrapper .news-w .news-detail .re-detail .re-upload .re-upload-btn input {
    width: 240px;
    height: 40px;
    border: 1px solid #0101ff;
    background-color: #f7f7f7;
    outline: none;
    padding-left: 10px;
}

.wrapper .news-w .news-detail .re-detail .re-upload .re-upload-btn button {
    width: 75px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-left: -4px;
    color: #ffffff;
    background-color: #0101ff;
    display: inline-block;
    border: none;
}

.wrapper .news-w .news-detail .detail .datetime {
    height: 80px;
    text-align: center;
    font-size: 12px;
    line-height: 80px;
    font-weight: bold;
    color: #000;
}

.wrapper .news-w .news-detail .detail .detail-tt {
    /*height: 55px;*/
    text-align: justify;
    font-size: 21px;
    line-height: 1.5em;
    font-weight: bold;
    color: #000;
    padding-right: 27px!important;
}

.wrapper .news-w .news-detail .detail img {
    max-width: 100% !important;
    height: auto!important;
    margin-bottom: 20px;
}

.wrapper .news-w .news-detail .detail video {
    width: 100%;
}

.wrapper .news-w .news-detail .detail p {
    font-size: 14px;
    line-height: 23px;
    color: rgba(0, 0, 0, 0.5);
}

.wrapper .news-w .news-detail .detail p.ql-align-right {
    text-align: right;
}

.wrapper .news-w .news-detail .detail p.ql-align-center {
    text-align: center;
}

.wrapper .news-w .news-detail .detail p.ql-align-justify {
    text-align: justify;
}

.wrapper .news-w .news-detail .detail iframe {
    /*width: 100% !important;    height: 600px !important;*/
}

.wrapper .news-w .news-detail .detail .ql-size-small {
    font-size: 0.75em;
}

.wrapper .news-w .news-detail .detail .ql-size-large {
    font-size: 1.5em;
}

.wrapper .news-w .news-detail .detail .ql-size-huge {
    font-size: 2.5em;
}

.wrapper .public-w .public-c {
    background-color: #F7F7F7;
    text-align: center;
    padding: 60px 0;
}

.wrapper .public-w .public-c .tt {
    font-size: 21px;
    line-height: 40px;
}

.wrapper .public-w .public-c .stt {
    font-size: 14px;
    line-height: 30px;
    color: rgba(0, 0, 0, 0.5);
}

.wrapper .public-w .public-c .filter {
    margin: 0 0 10px;
}

.wrapper .public-w .public-c .filter span {
    width: 14px;
    border-bottom: 2px #000 solid;
    height: 2px;
    display: inline-block;
}


/*.video-c {*/


/*position: relative;*/


/*margin: 60px auto;*/


/*width: 800px;*/


/*height: 450px;*/


/*}*/

.video-c {
    position: fixed;
    /*margin: 60px auto;*/
    top: calc(50% - 225px);
    left: calc(50% - 400px);
    width: 800px;
    display: none;
    z-index: 100001;
    border: 15px solid rgba(14, 31, 201, .8);
}

.video-c .cover {
    width: 100%;
}

.video-c .video-js .vjs-big-play-button {
    display: none;
}

.video-c .v-shadow {
    text-align: center;
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    padding-top: 120px;
    color: #fff;
}

.video-c .v-shadow .vtt {
    font-size: 37px;
    line-height: 38px;
    font-weight: bold;
}

.video-c .v-shadow .vstt {
    font-size: 14px;
    line-height: 24px;
}

.video-c .v-shadow .filter {
    margin: 2px 0 13px;
}

.video-c .v-shadow .filter span {
    width: 14px;
    border-bottom: 2px #fff solid;
    height: 2px;
    display: inline-block;
}

.video-c .v-shadow .btn-play {
    width: 65px;
    cursor: pointer;
    margin-top: 25px;
}

.video-c .v-shadow .op-b {
    margin-top: 40px;
}

.video-c .v-shadow .op-b p {
    margin-bottom: 15px;
}

.video-c .v-shadow .op-b .btn {
    height: 50px;
    width: 200px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    display: inline-block;
    line-height: 50px;
    padding-left: 30px;
    text-align: left;
}

.video-c .v-shadow .op-b .btn img {
    width: 23px;
    margin-right: 15px;
    vertical-align: text-bottom;
}

.video-c .v-shadow .op-b .btn.baoming {
    background-color: #fff;
    color: #000;
}

.video-c .v-shadow .op-b .btn.zixun {
    background-color: #FED130;
    color: #000;
}

.video-c .v-shadow .op-b .hint {
    margin-top: 25px;
    font-size: 12px;
    line-height: 21px;
}

.wrapper .public-w .public-c .res-c {
    position: relative;
    width: 1380px;
    margin: 60px auto 0;
}

.wrapper .public-w .public-c .res-c .res {
    position: relative;
    width: 300px;
    height: 420px;
    float: left;
    overflow: hidden;
    margin-right: 60px;
    margin-bottom: 60px;
}

.wrapper .public-w .public-c .res-c .res:hover a {
    transform: scale(1.1);
    transition: all 1s;
}

.wrapper .public-w .public-c .res-c .res:hover {
    transition: all 1s;
    box-shadow: 3px 4px 5px 1px rgba(0, 0, 0, .3), -3px 0px 5px 1px rgba(0, 0, 0, .1);
}

.wrapper .public-w .public-c .res-c .res .info {
    position: absolute;
    left: 20px;
    bottom: 20px;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    color: #fff;
    text-align: left;
}

.wrapper .public-w .public-c .res-c .res .w-pot {
    width: 30px;
    height: 27px;
    background-size: 30px 27px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../images/kongxin.png");
    right: 20px;
    top: 20px;
    position: absolute;
}

.wrapper .public-w .public-c .res-c .res:nth-child(4n) {
    margin-right: 0;
}


/*修改公开课 top*/

.wrapper .public-w .public-c .res-d {
    position: relative;
    width: 1400px;
    margin: 60px auto 0;
}

.wrapper .public-w .public-c .res-d .res {
    position: relative;
    width: 450px;
    height: 335px;
    float: left;
    margin-right: 25px;
    margin-bottom: 30px;
    background-color: #fff;
}

.wrapper .public-w .public-c .res-d .res .info {
    position: absolute;
    left: 20px;
    bottom: 13px;
    line-height: 16px;
    color: red;
    text-align: left;
}

.wrapper .public-w .public-c .res-d .res .info .name {
    color: #333333;
    font-size: 16px;
    margin-bottom: 10px;
}

.wrapper .public-w .public-c .res-d .res .info .year {
    color: #bfbfbf;
    font-size: 14px;
    line-height: 1.3em;
}

.wrapper .public-w .public-c .res-d .res .pot {
    width: 30px;
    height: 27px;
    background-size: 30px 27px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../images/kongxin.png");
    right: 20px;
    bottom: 20px;
    position: absolute;
}

.wrapper .public-w .public-c .res-d .res .res-d-text {
    color: #ffffff;
    font-size: 14px;
    left: -16px;
    bottom: calc(71% - 50px);
    position: absolute;
    transform: rotate(-90deg);
    font-weight: bold;
}

.wrapper .public-w .public-c .res-d .res:nth-child(3n) {
    margin-right: 0;
}

.wrapper .public-w .public-c .res-d .res .res-d-cover {
    width: 450px;
    height: 250px;
}

.video_cover {
    position: fixed;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .8);
    z-index: 100000;
    display: none;
}

.wrapper .public-w .public-c .res-d .res .btn-play-img {
    width: 60px;
    height: 60px;
    position: absolute;
    top: calc(37% - 30px);
    left: calc(48% - 30px);
}

.closeIcon {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 100002;
}

.video-js.vjs-16-9 {
    padding-top: 54.8% !important;
}


/*修改公开课end*/

.wrapper .sch-w .top-b .row {
    width: 100%;
    position: absolute;
    top: 0;
}

.wrapper .sch-w .top-b .row .col {
    text-align: left;
    width: 40%;
    margin-left: 60%;
    padding-top: 190px;
    color: #fff;
}

.wrapper .sch-w .top-b .row .col .tt {
    font-size: 38px;
    line-height: 45px;
    font-weight: bold;
}

.wrapper .sch-w .top-b .row .col .stt {
    font-size: 21px;
    line-height: 30px;
}

.wrapper .sch-w .top-b .row .col .sch-selector {
    position: relative;
    cursor: pointer;
    margin: 20px 0 10px;
    height: 44px;
    width: 320px;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
    line-height: 44px;
    background-color: #fff;
    padding-left: 22px;
    color: #000;
}

.wrapper .sch-w .top-b .row .col .sch-selector img {
    position: absolute;
    right: 22px;
    height: 15px;
    top: 16px;
}

.wrapper .sch-w .top-b .row .col .sch-selector .options {
    display: none;
    position: absolute;
    top: 50px;
    left: 0;
    background-color: #fff;
    width: 320px;
}

.wrapper .sch-w .top-b .row .col .sch-selector .options .option {
    color: #000;
    height: 44px;
    padding-left: 22px;
    border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
    cursor: pointer;
}

.wrapper .sch-w .top-b .row .col .sch-selector .options .option:last-child {
    border-bottom: none;
}

.wrapper .sch-w .top-b .row .col .intro {
    font-size: 14px;
    line-height: 23px;
    color: rgba(255, 255, 255, 0.7);
}

.wrapper .sch-w .top-b .row .col .intro .addr {
    font-size: 14px;
    line-height: 20px;
    margin: 10px 0;
}

.wrapper .sch-w .top-b .row .col .intro .cc .ll {
    width: 60px;
    display: inline-block;
}

.wrapper .sch-w .top-b .row .col .filter {
    margin: 4px 0 10px;
}

.wrapper .sch-w .top-b .row .col .filter span {
    width: 14px;
    border-bottom: 2px #fff solid;
    height: 2px;
    display: inline-block;
}

.wrapper .sch-w .top-b .row .col .filter.slim span {
    border-bottom: 1px #fff solid;
}

.wrapper .sch-w .sch-tabs {
    /*background-color: #F7F7F7;*/
    /*padding: 50px 0;*/
}

.wrapper .sch-w .sch-tabs .sch-tabs-box {
    width: 100%;
    overflow: hidden;
    padding: 50px 0;
    /*height: 561px;*/
    background-color: #F7F7F7;
}

.wrapper .sch-w .sch-tabs .sch-intro {
    width: 1390px;
    margin: 0 auto;
}

.wrapper .sch-w .sch-tabs .sch-intro .tt {
    font-size: 35px;
    line-height: 40px;
}

.wrapper .sch-w .sch-tabs .sch-intro .filter {
    margin: 4px 0 10px;
}

.wrapper .sch-w .sch-tabs .sch-intro .filter span {
    width: 14px;
    border-bottom: 2px #000 solid;
    height: 2px;
    display: inline-block;
}

.wrapper .sch-w .sch-tabs .sch-intro .row {
    width: 100%;
}

.wrapper .sch-w .sch-tabs .sch-intro .row .col-text {
    overflow: hidden;
    height: 65px;
    overflow-y: auto;
}

.wrapper .sch-w .sch-tabs .sch-intro .row .col-text::-webkit-scrollbar {
    width: 8px;
    height: 10px;
    background-color: #F5F5F5;
}

.wrapper .sch-w .sch-tabs .sch-intro .row .col-text::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
    border-radius: 10px;
    background-color: #ffffff;
}


/*定义滑块 内阴影+圆角*/

.wrapper .sch-w .sch-tabs .sch-intro .row .col-text::-webkit-scrollbar-thumb {
    border-radius: 10px;
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
    background-color: #fed130;
}

.wrapper .sch-w .sch-tabs .sch-intro .row .col {
    width: 100%;
    float: left;
}

.wrapper .sch-w .sch-tabs .sch-intro .row .col p {
    /*font-size: 14px;*/
    line-height: 23px;
    color: rgba(0, 0, 0, 0.5);
}

.wrapper .sch-w .sch-tabs .sch-intro .row .col img {
    max-width: 100%;
    margin-bottom: 20px;
        margin: 0 auto;
    display: block;
}

.wrapper .sch-w .sch-tabs .sch-intro .row .col:first-child {
    padding-right: 20px;
}

.wrapper .sch-w .sch-tabs .sch-intro .row .col:last-child {
    padding-left: 40px;
}

.wrapper .sch-w .sch-tabs .sch-pics {
    width: 1390px;
    margin: 0 auto;
      height: 496px;
    overflow: hidden;
}

.wrapper .sch-w .sch-tabs .sch-more-btn {
    width: 90px;
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    color: #999999;
    border-radius: 20px;
    /* background-color: red; */
    text-align: center;
    border: 1px solid #ededed;
    cursor: pointer;
    margin: 0 auto;
    margin-bottom: 55px;
    margin-top: 40px;
}

.wrapper .sch-w .sch-tabs .sch-more-btn:hover {
    background-color: #0101ff;
    color: #ffffff;
    border: 1px solid #0101ff;
}

.wrapper .sch-w .sch-tabs .sch-title-name {
    width: 1390px;
    margin: 0 auto;
    color: #333333;
    font-size: 20px;
    padding: 45px 0px 20px 0px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ededed;
}

.wrapper .sch-w .sch-tabs .sch-pics .sch-pic {
    width: 310px;
    height: 230px;
    position: relative;
    float: left;
    margin-right: 50px;
    margin-bottom: 50px;
    cursor: pointer;
    overflow: hidden;
    transition: all 1s;
}

.wrapper .sch-w .sch-tabs .sch-pics .sch-pic:hover a {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transition: all 1s;
}

.wrapper .sch-w .sch-tabs .sch-pics .sch-pic:nth-child(4n) {
    margin-right: 0;
}

.wrapper .sch-w .sch-tabs .sch-pics .sch-pic .info {
    position: absolute;
    left: 35px;
    bottom: 28px;
    color: #fff;
}

.wrapper .sch-w .sch-tabs .sch-pics .sch-pic .info .en {
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
}

.wrapper .sch-w .sch-tabs .sch-pics .sch-pic .info .zh {
    font-size: 10px;
    line-height: 16px;
}

.wrapper .union-w .row {
    width: 100%;
    top: 0;
    position: absolute;
}

.wrapper .union-w .row .col {
    position: relative;
}

.wrapper .union-w .row .col.info {
    padding-top: 160px;
}

.wrapper .union-w .row .col.info .tt {
    font-size: 35px;
    line-height: 40px;
    margin-bottom: 20px;
}

.wrapper .union-w .row .col.info .stt {
    font-size: 21px;
    line-height: 30px;
}

.wrapper .union-w .row .col.info .intro {
    font-size: 14px;
    line-height: 23px;
    color: rgba(0, 0, 0, 0.5);
}

.wrapper .union-w .row .col.info .co-intro {
    width: 400px;
    font-size: 14px;
    line-height: 23px;
    color: #999999;
    margin-top: 10px;
    margin-bottom: 10px;
}

.wrapper .union-w .row .col.info .filter {
    margin: 4px 0 10px;
}

.wrapper .union-w .row .col.info .filter span {
    width: 14px;
    border-bottom: 2px #000 solid;
    height: 2px;
    display: inline-block;
}

.wrapper .union-w .row.left .col {
    padding-left: 330px;
}

.wrapper .union-w .row.right .col {
    padding-left: 55%;
}

.wrapper .union-w .row.right .info-coo {
    padding-left: 56%;
}

.wrapper .union-w .row.white .col {
    color: #fff;
}

.wrapper .union-w .row.white .col .intro {
    color: rgba(255, 255, 255, 0.6);
}

.wrapper .union-w .row.white .col .filter span {
    border-bottom: 2px #fff solid;
}

.wrapper .union-w .un-b-01 {
    position: relative;
    height: 600px;
    background-color: #fff;
}

.wrapper .union-w .un-b-01 .row .col.logo {
    padding-left: 0;
    float: left;
    text-align: center;
    width: 50%;
}

.wrapper .union-w .un-b-01 .row .col.logo-coo {
    padding-left: 10%;
    float: left;
    text-align: center;
    width: 50%;
}

.wrapper .union-w .un-b-01 .row .col.logo img {
    width: 290px;
    margin-top: 200px;
}

.wrapper .union-w .un-b-01 .row .col.logo-coo img {
    width: 550px;
    margin-top: 175px;
}

.wrapper .union-w .un-b-02 {
    position: relative;
}

.wrapper .union-w .un-b-03 {
    position: relative;
}

.wrapper .union-w .un-b-04 {
    position: relative;
}

.wrapper .union-w .un-b-04 .b05-item {
    height: 780px;
    background-color: #F7F7F7;
    text-align: center;
    padding-top: 50px;
}

.wrapper .union-w .un-b-04 .b05-item-coo {
    height: 640px;
    background-color: #F7F7F7;
    text-align: center;
    padding-top: 50px;
}

.wrapper .union-w .un-b-04 .b05-item .tt {
    font-size: 21px;
    line-height: 40px;
}

.wrapper .union-w .un-b-04 .b05-item .stt {
    font-size: 14px;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.5);
}

.wrapper .union-w .un-b-04 .b05-item .filter {
    margin: 0 0 10px;
}

.wrapper .union-w .un-b-04 .b05-item .filter span {
    width: 14px;
    border-bottom: 2px #000 solid;
    height: 2px;
    display: inline-block;
}

.wrapper .union-w .un-b-04 .b05-item .process-slide {
    margin-top: 60px;
}

.wrapper .union-w .un-b-04 .b05-item .process-slide .process-b {
    width: 600px;
    height: 320px;
    padding: 50px 0;
    background-color: #fff;
}

.wrapper .union-w .un-b-04 .b05-item .process-slide .process-b img {
    width: 68px;
}

.wrapper .union-w .un-b-04 .b05-item .process-slide .process-b .ptt {
    font-size: 16px;
    line-height: 23px;
    font-weight: bold;
    margin-top: 30px;
}

.wrapper .union-w .un-b-04 .b05-item .process-slide .process-b .pstt {
    font-size: 14px;
    line-height: 23px;
    color: rgba(0, 0, 0, 0.5);
    margin-top: 10px;
}

.wrapper .union-w .un-b-04 .b05-item .process-slide .process-b.swiper-slide-active {
    background-color: #0101ff;
    color: #fff;
}

.wrapper .union-w .un-b-04 .b05-item .process-slide .process-b.swiper-slide-active .pstt {
    color: rgba(255, 255, 255, 0.6);
}

.wrapper .union-w .un-b-04 .b05-item .process-chooser {
    width: 1040px;
    margin: 80px auto 0;
}

.wrapper .union-w .un-b-04 .b05-item .process-chooser .col {
    width: 20%;
    float: left;
    border-bottom: 1px #ddd solid;
    cursor: pointer;
}

.wrapper .union-w .un-b-04 .b05-item .process-chooser .col .ctt {
    font-size: 30px;
    line-height: 45px;
    font-weight: bold;
}

.wrapper .union-w .un-b-04 .b05-item .process-chooser .col .cstt {
    font-size: 14px;
    line-height: 30px;
    color: rgba(0, 0, 0, 0.5);
    padding-bottom: 20px;
}

.wrapper .union-w .un-b-04 .b05-item .process-chooser .col.active {
    border-bottom: 2px #000 solid;
    color: #0101ff;
}

.wrapper .union-w .un-b-04 .b05-item .select-icon {
    margin-top: 20px;
}

.wrapper .union-w .un-b-04 .b05-item .select-icon span {
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #DEDEDE;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    -webkit-text-stroke: 1px #DEDEDE;
}

.wrapper .union-w .un-b-04 .b05-item .baoming-form {
    margin: 40px auto 0;
}

.wrapper .union-w .un-b-04 .b05-item .baoming-form .form-control {
    position: relative;
    margin: 20px 0;
}

.wrapper .union-w .un-b-04 .b05-item .baoming-form .form-control input {
    -webkit-appearance: none;
    width: 290px;
    height: 50px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background-color: #fff;
    font-size: 14px;
    line-height: 50px;
    padding: 0 25px;
    border: none;
    outline: none;
}

.wrapper .union-w .un-b-04 .b05-item .baoming-form .form-control input:focus,
.wrapper .union-w .un-b-04 .b05-item .baoming-form .form-control input.checked {
    border: none;
    outline: none;
    background-color: #0101ff;
    color: #fff;
}

.wrapper .union-w .un-b-04 .b05-item .baoming-form .form-control input:focus::placeholder,
.wrapper .union-w .un-b-04 .b05-item .baoming-form .form-control input.checked::placeholder {
    color: #fff;
}

.wrapper .union-w .un-b-04 .b05-item .baoming-form .form-control select {
    -webkit-appearance: none;
    width: 290px;
    height: 50px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background-color: #fff;
    font-size: 14px;
    line-height: 50px;
    padding: 0 25px;
    border: none;
    outline: none;
    color: rgba(0, 0, 0, 0.5);
}

.wrapper .union-w .un-b-04 .b05-item .baoming-form .form-control select:focus,
.wrapper .union-w .un-b-04 .b05-item .baoming-form .form-control select.checked {
    border: none;
    outline: none;
    background-color: #0101ff;
    color: #fff;
}

.wrapper .union-w .un-b-04 .b05-item .baoming-form .form-control .selector {
    width: 290px;
    margin: 0 auto;
}

.wrapper .union-w .un-b-04 .b05-item .baoming-form .form-control .selector .col {
    width: 145px;
    float: left;
    background-color: #fff;
    height: 50px;
    font-size: 14px;
    line-height: 50px;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.5);
}

.wrapper .union-w .un-b-04 .b05-item .baoming-form .form-control .selector .col:first-child {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    border-right: 1px #eee solid;
}

.wrapper .union-w .un-b-04 .b05-item .baoming-form .form-control .selector .col:last-child {
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}

.wrapper .union-w .un-b-04 .b05-item .baoming-form .form-control .selector .col.checked {
    background-color: #0101ff;
    color: #fff;
}

.wrapper .union-w .un-b-04 .b05-item .baoming-form .form-control .btn-submit {
    width: 290px;
    height: 50px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background-color: #000;
    color: #fff;
    font-size: 14px;
    line-height: 50px;
    border: none;
}

.wrapper .union-w .un-b-04 .b05-item .baoming-form .form-control .select-icon {
    top: -5px;
    position: absolute;
    right: calc(50% - 185px);
}

.wrapper .union-w .un-b-04 .b05-item .baoming-form .form-control .select-icon span {
    background-color: #000;
    -webkit-text-stroke: 1px #000;
}

.wrapper .union-w .un-b-04 .b05-item .baoming-form .form-control .icon-adown {
    position: absolute;
    left: calc(50% + 110px);
    top: 17px;
    height: 16px;
}

.wrapper .union-w .un-b-04 .b05-item .baoming-form .form-control.filter .split {
    width: 290px;
    margin: 0 auto;
    padding-top: 20px;
    border-top: 1px #ddd solid;
}

.display-pc {
    display: block;
}

.display-pc-inline {
    display: inline-block;
}

.not-display-pc {
    display: none;
}

.b2t {
    position: fixed;
    right: 0;
    bottom: 2px;
    z-index: 1;
    cursor: pointer;
}

.b2t img {
    width: 60px;
}


/*联系我们 top*/

.contact_us {
    width: 100%;
    padding: 65px 0px 0px;
    background-color: #F7F7F7;
    color: #333333;
}

.contact_us .wrap {
    width: 1400px;
    margin: 0 auto;
}

.contact_us .wrap .wrap_box {
    width: 100%;
}

.contact_us .wrap .wrap_box .contact_left {
    width: 50%;
    float: left;
}

.contact_us .wrap .wrap_box .contact_left .con_left_l {
    width: 48%;
    float: left;
}

.contact_us .wrap .wrap_box .contact_left .contact_left_r {
    width: 30%;
    float: left;
}

.contact_us .wrap .wrap_box .contact_left .con_left_l .con_title_tel {
    font-size: 24px;
}

.contact_us .wrap .wrap_box .contact_left .con_left_l .con_line {
    width: 32px;
    height: 9px;
    background-color: #0101ff;
    margin-top: 45px;
    margin-bottom: 10px;
    font-size: 18px;
}

.contact_us .wrap .wrap_box .contact_left .con_left_l .con_text {
    display: inline-block;
    margin-top: 30px;
    margin-bottom: 20px;
    vertical-align: top;
    font-size: 18px;
}

.contact_us .wrap .wrap_box .contact_left .con_left_l .con_text span {
    display: inline-block;
    vertical-align: top;
}

.contact_us .wrap .wrap_box .contact_left .con_left_l .con_text .con_address {
    width: 200px;
}

.contact_us .wrap .wrap_box .contact_left .con_left_l .tel_dtl {
    font-size: 18px;
}

.contact_us .wrap .wrap_box .contact_right {
    width: 50%;
    float: right;
    text-align: left;
}

.contact_us .wrap .wrap_box .contact_right .con_right_l_box {
    width: 100%;
}

.contact_us .wrap .wrap_box .contact_right {
    font-size: 16px;
    text-align: left;
}

.con_right_l_code img {
    height: 45px;
}

.contact_us .wrap .wrap_box .contact_right .con_right_l_box>div {
    display: inline-block;
}

.contact_us .wrap .wrap_box .contact_right .con_right_l {
    width: 40%;
    margin-right: 30px;
    float: right;
    padding-bottom: 15px;
}

.contact_us .wrap .wrap_box .contact_right .con_right1 {
    float: right;
    width: 100%;
    text-align: left;
    padding-left: 11.5%;
}

.contact_us .wrap .wrap_box .contact_right .con_right_l input {
    border: none;
    width: 100%;
    background-color: #ffffff;
    height: 45px;
    outline: none;
    padding-left: 10px;
}

.wrap_box .contact_left .con_left_l .tel_dtl span {
    font-weight: bolder;
    color: #333333;
    font-size: 16px;
}

.contact_us .wrap .wrap_box .contact_right .con_right1 textarea {
    border: none;
    width: 94.5%;
    background-color: #ffffff;
    height: 225px;
    margin-top: 15px;
    margin-bottom: 20px;
    resize: none;
    outline: none;
    padding: 10px;
}

.contact_us .wrap .wrap_box .contact_right .tijiao_btn {
    width: 200px;
    height: 50px;
    line-height: 50px;
    margin-left: 11.5%;
    border: none;
    background-color: #fed130;
    font-size: 20px;
    color: #010100;
    border-radius: 36px;
}


/*** header ***/

.header {
    width: 100%;
    position: absolute;
    top: 50px;
    left: 0%;
    z-index: 99999;
    transition: all 1s;
}


/*新增登录页nav top*/

.header_fixed-login {
    position: fixed;
    width: 100%;
    top: 0;
    transition: all 1s;
}

.header.header1.header_fixed-login .header_box {
    width: 100% !important;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .1);
    transition: all 1s;
}

.header.header1.header_fixed-login .container.headerbg {
    width: 85%;
    padding: 0;
    justify-content: space-between;
    display: flex;
    transition: all 1s;
}

.header.header1.header_fixed-login .menu ul li a {
    osition: relative;
    display: block;
    float: left;
    padding-left: 35px;
    padding-top: 0px;
    color: #7a7a7a;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 1px;
}

.header.header1.header_fixed-login .logo {
    margin-left: 93px;
    float: left;
    transition: all 1s;
}

.header.header1.header_fixed-login .menu {
    /*margin-right: 0;*/
    margin-left: 185px;
    float: right;
    transition: all 1s;
}

.header.header1.header_fixed-login .ss {
    padding-right: 0;
}


/*新增登录页nav end*/

.header_fixed {
    position: fixed;
    width: 100%;
    top: 0;
    transition: all 1s;
}


/*.container{*/


/*width: 1200px;*/


/*height: 70px;*/


/*transition: all 1s;*/


/*}*/

.header_fixed1 {
    position: absolute;
    width: 0;
    height: 70px;
    background: #fff;
    left: 50%;
    top: 0;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .1);
}

.header_fixed2 {
    position: absolute;
    width: 0;
    height: 70px;
    background: #fff;
    right: 50%;
    top: 0;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .1);
}

.sskuang {
    position: fixed;
    width: 100%;
    height: 90px;
    background: #EAEAEA;
    left: -100%;
    top: 70px;
    z-index: 99;
    transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
}

.ssb {
    margin: 15% auto 0 auto;
    display: none;
}

.ss_text_a {
    margin: 10px auto 0 auto;
    position: relative;
    width: 500px;
}

.ss_text {
    border: none;
    border-bottom: 1px #666 solid;
    background: none;
    color: #666;
    font-size: 14px;
    letter-spacing: 1px;
    padding: 0 50px 0 10px;
    display: block;
    line-height: 50px;
    width: 500px;
}

.close {
    position: absolute;
    right: 30px;
    top: 30px;
}

.yjt {
    position: absolute;
    right: 0;
    top: 20px;
}

.headerdw {
    background: #fff;
    position: fixed;
    top: 0;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .1);
}

ul li {
    list-style: none;
}

.headerbg {
    height: 70px;
    margin: 0 auto;
    padding-right: 0px;
    position: relative;
    transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
}

.wrapper .topbar .menu .m-ctl {
    width: 16px;
    height: 64px;
    cursor: pointer;
    margin-right: 18px;
    display: none;
}

.header_box1 {
    border-radius: 4px 6px 6px 4px;
}

.header.header1.header_fixed .header_box {
    width: 100% !important;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .1);
    transition: all 1s;
}

.header.header1.header_fixed .container.headerbg {
    width: 85%;
    padding: 0;
    justify-content: space-between;
    display: flex;
    transition: all 1s;
}

.header.header1.header_fixed .menu ul li a {
    osition: relative;
    display: block;
    float: left;
    padding-left: 30px;
    padding-top: 0px;
    color: #7a7a7a;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 1px;
}

.header_box {
    display: inline-block;
    width: auto;
    padding: 0 !important;
    background: #fff;
    transition: all 0.5s;
    background-image: linear-gradient(to right, rgba(255, 255, 255, .98) 0, rgba(255, 255, 255, .95) 100%);
    -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1);
}

.header.header1.header_fixed .logo {
    margin-left: 40px;
    float: left;
    transition: all 1s;
}

.header.header1.header_fixed .menu {
    /*margin-right: 0;*/
    margin-left: 11px;
    float: right;
    transition: all 1s;
}

.header.header1.header_fixed .ss {
    padding-right: 0;
}

.header_fixed_a {
    text-align: center;
}

.headerbg .logo {
    float: left;
    margin-top: 13px;
    margin-bottom: 0px;
    margin-left: 35px;
    transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
}

.menu {
    float: left;
    margin-left: 80px;
}

.menu ul {
    margin-bottom: 0;
}

.menu ul li {
    float: left;
    line-height: 70px;
    position: relative;
}

.menu ul li a {
    position: relative;
    display: block;
    float: left;
    padding-left: 12px;
    padding-top: 0px;
    color: #7a7a7a;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 1px;
}

.menu ul li a strong {
    height: 26px;
    padding-right: 15px;
    font-weight: normal;
}

.menu ul li a strong span {
    padding-right: 12px;
    background: url('../images/nav_arrow.gif') no-repeat right 5px;
    line-height: 70px;
}

.menu ul li a strong span:hover {
    color: #0101ff;
}

.headerright {
    float: right;
    margin-top: 25px;
    margin-right: 30px;
    display: inline-block;
}

.headerright .headerrighttb {
    width: 40px;
    margin: 0 10px;
    color: #333;
    font-size: 14px;
    line-height: 12px;
    border-radius: 50%;
}

.headerright .headerrighttb i {
    margin-top: 25px;
}

.headerright .headerrighttb i:hover {
    color: #0101ff;
}

.headerright .headerrighttb img {
    vertical-align: middle
}

.headerright .headerrighttb img {
    vertical-align: middle;
    padding-bottom: 5px;
    padding-right: 5px;
}

.headerright .link {
    padding: 0 16px;
    height: 50px;
    border-top-right-radius: 4px;
    font-size: 14px;
    transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
    border-bottom-right-radius: 4px;
    display: inline-block;
    line-height: 50px;
    color: #333;
}

.ss {
    padding-right: 100px;
    transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
    cursor: pointer;
}

.headerfk {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 10px;
    height: 10px;
    background: #000;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.headerfk1 {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 10px;
    height: 10px;
    background: #000;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.navigation-up .navigation-v3 {
    float: right;
    position: relative;
    width: 790px;
}

.navigation-up .navigation-v3 ul {
    float: left;
}

.navigation-up .navigation-v3 li {
    float: left;
    color: #fff;
    width: 100px;
    text-align: center;
    height: 88px;
    line-height: 88px;
}

.navigation-up .navigation-v3 li h2 {
    font-weight: normal;
    padding: 0;
    margin: 0;
    width: 100px;
}

.nav_active {
    color: #0101ff !important;
}

.wrapper .navs_index .wrap .n-item .img-05-line-m {
    display: none;
}

.navigation-up .navigation-v3 li h2 a {
    width: 100px;
    color: #000;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
}

.navigation-down {
    position: absolute;
    top: 80px;
    left: 0%;
    width: 100%;
    z-index: 9999;
}

.navigation-down .nav-down-menu {
    width: 100%;
    margin: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.navigation-down-inner {
    margin: auto;
    width: 100%;
    position: relative;
    height: auto;
    background-color: rgba(255, 255, 255, 1);
    z-index: 999;
    border-radius: 4px 6px 6px 4px;
}

.navigation-down .nav-down-menu dl {
    float: left;
    margin: 18px 80px 18px 0
}

.menuxl {
    position: relative;
}

.menuxl ul {
    text-align: center;
    margin: 0;
}

.menuxl ul li {
    display: inline-block;
    text-align: center;
}

.menuxl ul li a {
    color: #666;
    display: block;
    font-size: 14px;
    border-right: 1px solid #ccc;
    padding-right: 25px;
    padding-left: 25px;
    line-height: 30px;
    margin: 15px 0;
}

#nav_xlcd3 .menuxl ul li a {
    padding-right: 15px;
    padding-left: 15px;
}

.menuxl ul li a:hover {
    color: #0101ff;
}

.indexpro {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 12px;
}

.indexpro img {
    width: 100%;
    height: auto;
    display: block;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.indexpro p {
    margin-top: 10px;
}

.indexpro:hover img {
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transform: translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
}

.indexpro:hover p {
    color: #0101ff;
}

.indexservice {
    width: 130px;
    margin: 0 auto;
}

.indexservice {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 80px;
    font-size: 16px
}

.indexservice a {
    color: #333;
    line-height: 30px;
    float: left;
    transition: all 0s linear;
    -webkit-transition: all 0s linear;
    -moz-transition: all 0s linear;
    -ms-transition: all 0s linear;
    -o-transition: all 0s linear;
}

.indexservice i {
    margin-right: 15px;
    font-size: 36px;
    color: #82d968;
    line-height: 30px;
    float: left;
}

.indexservice a:hover {
    color: #01a03e;
    margin-top: -10px;
    transition: all 0s linear;
    -webkit-transition: all 0s linear;
    -moz-transition: all 0s linear;
    -ms-transition: all 0s linear;
    -o-transition: all 0s linear;
}


/*** header ******header*******/


/*画室成绩 轮播1024top*/

.grade_box {
    width: 100%;
    height: auto;
    overflow: hidden;
}


/*....轮播新增*/

.grade_title {
    padding: 40px 0px;
    margin-left: 4%;
    display: flex;
    align-items: flex-end;
}

.grade_logo {
    width: 98px;
    height: 94px;
    margin-right: 20px;
}

.grade_logo img {
    width: 100%;
    height: 100%;
}

.grade_title>div {
    display: inline-block;
}

.grade_title .grade_img img {
    width: 103px;
    height: 95px;
}

.grade_box .scroll-box {
    height: 350px;
    overflow-y: auto;
}

.grade_box .scroll-box::-webkit-scrollbar {
    width: 8px;
    height: 10px;
    background-color: #F5F5F5;
}

.grade_box .scroll-box::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
    border-radius: 10px;
    background-color: #ffffff;
}


/*定义滑块 内阴影+圆角*/

.grade_box .scroll-box::-webkit-scrollbar-thumb {
    border-radius: 10px;
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
    background-color: #fed130;
}

.grade_title p:first-child {
    color: #222222;
    font-size: 36px;
    font-weight: bold;
    line-height: 32px;
}

.grade_title p:last-child {
    color: #444444;
    font-size: 27px;
    padding-top: 5px;
}

.swiper-slide .blue_line {
    width: 35px;
    height: 9px;
    background: #0101ff;
    margin-top: 110px;
}


/*....*/


/*03新增*/

.wrapper .index-w .index-b-03 {
    position: relative;
}

.horse_img {
    position: absolute;
    top: calc(50% - 100px);
    left: calc(50% - 100px);
}


/*...*/

.grade_img {
    width: 100%;
    height: 616px;
    position: relative;
    background-color: #eaeae9;
}

.changji_img_box {
    width: 66%;
    position: absolute;
    right: 0;
    height: 616px;
}

.changji_img_box img {
    width: 100%;
    height: 100%;
    z-index: 10;
}

.swiper-slide .s_title {
    margin-top: 55px;
    color: #ffffff;
    /*color: transparent;*/
    /*-webkit-text-stroke: 1px #ffffff;*/
}

.swiper-slide .s_title span {
    font-size: 38px;
}

.swiper-slide .s_title b {
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
    position: absolute;
    margin-top: -13px;
}

.swiper_title .swiper-slide .logo1 {
    height: 45px;
    margin-top: 10px;
    margin-left: 80px;
}

.swiper-slide .grade_info {
    width: 380px;
    margin-top: 55px;
    margin-bottom: 40px;
    text-align: left;
}

.swiper-slide ul li {
    text-align: left;
    line-height: 32px;
}

.swiper-slide ul li img {
    padding-bottom: 1px;
    padding-right: 5px;
}

.grade_img .swiper-button-next,
.grade_img .swiper-button-prev {
    position: absolute !important;
    top: 50% !important;
    width: 60px !important;
    height: 60px !important;
    margin-top: -22px !important;
    z-index: 10 !important;
    cursor: pointer !important;
    background-size: 60px 60px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    z-index: 100 !important;
}

.grade_img .swiper-pagination-bullet-active {
    opacity: 1;
    background: transparent !important;
    font-size: 30px !important;
    color: #ffffff !important;
}

.grade_img .swiper-pagination {
    position: absolute !important;
    bottom: 11px !important;
    left: 120px !important;
    width: 200px !important;
}

.grade_img .swiper-pagination-bullet {}

.grade_img .swiper-pagination-current {
    color: #0101ff;
}

.active {
    color: #0101ff;
}

.grade_img {
    position: relative;
}

.grade_img .swiper_title .swiper-slide .s_title {
    vertical-align: top;
}

.grade_img .swiper_title {
    height: 200px !important;
    position: absolute;
    top: -55px !important;
}

.grade_img .swiper_title .swiper-slide {
    /*width: 400px!important;*/
    margin-top: 30px;
}

.grade_img .swiper_title .swiper-slide-active .s_title {
    margin-right: 135px !important;
}

.grade_img .swiper_title .swiper-slide-active .s_title {
    color: #010100;
    -webkit-text-stroke: 0px #010100;
}

.grade_img .swiper_content {
    width: 400px !important;
    overflow: hidden !important;
    position: absolute;
    top: 110px !important;
}

.grade_img .swiper_content .grade_info {
    line-height: 30px;
}


/*join-us*/

.wrapper .join-us {
    background-image: url("../images/banner_w.png");
    width: 100%;
    height: 960px;
    background-position: center;
    background-size: 100% 960px;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    padding: 0 135px 0 120px;
    position: relative;
}

.wrapper .join-us .goHome {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.wrapper .join-us .goHome img {
    width: 30px;
}

.wrapper .join-us .goHome img {
    width: 30px;
}

.school-award .text-tops {
    height: 420px;
    background-image: url("../images/02.png");
    background-size: 300px 230px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fff;
    font-size: 60px;
    line-height: 60px;
    font-weight: bold;
    color: #000;
    text-align: center;
    padding-top: 155px;
}

.school-award .text-tops .txt01 {
    margin-top: 10px;
}

.school-award .school-swiper {
    width: 100%;
    height: 700px;
    overflow: hidden;
    background-color: #030bd7;
    background-repeat: no-repeat;
    /*background-color: #030bd7;*/
    background-size: 87.6% 100%;
    background-position: right center;
    position: relative;
}

.school-award .school-swiper .swiper-container {
    height: 100%!important;
}

.school-award .school-swiper .swiper-wrapper {
    height: 100%;
    transition-timing-function: linear;
}

.school-award .school-swiper .slide1 {
    width: 100%;
    height: 100%;
    /*background-repeat: no-repeat;*/
    position: relative;
    /*background-color: #030bd7;*/
    /*background-size: 87.6% 100%;*/
    /*background-position: right center;*/
    padding-top: 110px;
    padding-left: 60px;
}

.school-award .school-swiper .slide1 .text-box {
    width: 65.5%;
    color: #fff;
    position: relative;
    z-index: 10;
    display: flex;
    align-items: flex-start;
}

.school-award .school-swiper .slide1 .text-box .left {
    font-size: 77px;
    float: left;
}

.school-award .school-swiper .slide1 .text-box .left .num {
    font-weight: bold;
}

.school-award .school-swiper .slide1 .text-box .right {
    margin-left: 160px;
    float: left;
}

.school-award .school-swiper .slide1 .text-box .right .text01 {
    font-size: 49px;
    line-height: 77px;
    display: flex;
    align-items: center;
}

.school-award .school-swiper .slide1 .text-box .right .text01 span {
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
}

.school-award .school-swiper .slide1 .text-box .right .text01 .num-m {
    display: none;
}

.school-award .school-swiper .slide1 .text-box .right .text01 img {
    height: 70px;
    margin-left: 40px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 10px;
}

.school-award .school-swiper .slide1 .text-box .right .info {
    margin-top: 65px;
    font-size: 24px;
    line-height: 1.5em;
}

.school-award .school-swiper .slide1 .text-box .right .s-num-box {
    margin-top: 70px;
}

.school-award .school-swiper .slide1 .text-box .right .s-num-box .items {
    margin-bottom: 75px;
    float: left;
    margin-right: 50px;
}

.school-award .school-swiper .slide1 .text-box .right .s-num-box .items .t1 {
    font-size: 24px;
    line-height: 24px;
}

.school-award .school-swiper .slide1 .text-box .right .s-num-box .items .t2 {
    font-size: 40px;
    /*line-height: 32px;*/
    margin-top: 10px;
}

.school-award .school-swiper .slide1 .text-box .right .s-num-box .items .t2 span.font-fz-Futura {
    font-size: 64px;
    font-weight: bold;
}

.school-award .school-swiper .slide1 .text-box .right .s-num-box .items .t2 span.font-fz-Futura {
    font-size: 64px;
    line-height: 64px;
    font-weight: bold;
    float: left;
    /*letter-spacing: 10px;*/
}

.school-award .school-swiper .line-tab {
    position: absolute;
    height: 4px;
    border-radius: 2px;
    background-color: #030bd7;
    left: 0;
    top: 0;
    display: inline-block;
}

.school-award .school-swiper .slide1 .text-box .right .s-num-box .items .t2 span.unit {
    /*float: right;*/
    display: inline-block;
    line-height: 74px;
}

.school-award .school-swiper .bottom-bg {
    width: 100%;
    position: absolute;
    bottom: 0px;
    z-index: 9;
}

.school-award .school-swiper .bottom-bg img {
    width: 100%;
}

.school-award .school-swiper .swiper-pot {
    position: absolute;
    z-index: 11;
    bottom: 50px;
    left: 60px;
}

.school-award .school-swiper .swiper-pot img {}

.school-award .school-swiper .swiper-pagination-current,
.school-award .school-swiper .swiper-pagination-total {
    font-size: 14px;
    color: #fff;
}

.school-award .school-swiper .swiper-pagination {
    bottom: 50px!important;
    text-align: right;
    padding-right: 5%;
}

.school-award .school-swiper .swiper-button-prev,
.school-award .school-swiper .swiper-button-next {
    width: 65px;
    height: 65px;
    background-color: #fff;
    color: #000;
    line-height: 65px;
    text-align: center;
    background-image: none;
    font-size: 22px;
}

.school-award .school-swiper .swiper-button-prev {
    left: 0;
}

.school-award .school-swiper .swiper-button-prev:after {
    display: inline-block;
    text-align: right;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f053";
    -webkit-text-stroke: 3px #fff;
}

.school-award .school-swiper .swiper-button-prev:hover {
    background-color: #FED130;
}

.school-award .school-swiper .swiper-button-prev:hover:after {
    -webkit-text-stroke: 3px #FED130;
}

.school-award .school-swiper .swiper-button-next {
    right: 0;
}

.school-award .school-swiper .swiper-button-next:after {
    display: inline-block;
    text-align: right;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f054";
    -webkit-text-stroke: 3px #fff;
}

.school-award .school-swiper .swiper-button-next:hover {
    background-color: #FED130;
}

.school-award .school-swiper .swiper-button-next:hover:after {
    -webkit-text-stroke: 3px #FED130;
}

.line-yellow {
    height: 25px;
    background-color: #fed330;
    display: none;
}

.school-award .school-swiper .slide1 .tops-pic {
    display: none;
}

.school-award .school-swiper .slide1 .text-box .right .label-box {
    margin-top: 30px;
}

.school-award .school-swiper .slide1 .text-box .right .label-box .warn {
    font-weight: bold;
    font-size: 20px;
    line-height: 20px;
    color: #fff;
}

.school-award .school-swiper .slide1 .text-box .right .label-box .more {
    padding: 0 20px 0 15px;
    border: 1px solid #fff;
    border-radius: 20px;
    height: 40px;
    line-height: 40px;
    display: flex;
    align-items: center;
    position: relative;
    color: #fff;
    width: 175px;
    margin-top: 24px;
}

.school-award .school-swiper .slide1 .text-box .right .label-box .more img {
    width: 16px;
    display: inline-block;
    margin-right: 6px;
}

.school-award .school-swiper .slide1 .text-box .right .label-box .more .tag {
    width: 10px;
    height: 10px;
    background-color: #EB392F;
    border-radius: 50%;
    position: absolute;
    top: -4px;
    right: 4px;
}

.school-award .school-swiper .m-bottom-bg01 {
    display: none;
}

.school-award .school-swiper .m-bottom-bg02 {
    display: none;
}

.container-tech {
    width: 83.333%;
    max-width: 1600px;
    margin: 0 auto;
    position: relative;
}

.container-tech.tech-bread {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 50px;
}

.container-tech.tech-bread .com-bread-box {
    margin-bottom: 0;
}

.tech-title_w {
    color: #000;
    font-weight: bold;
    text-align: center;
    margin-top: 100px;
}

.tech-title_w .cn {
    font-size: 60px;
    line-height: 60px;
}

.tech-title_w .en {
    font-size: 60px;
    line-height: 60px;
    margin-top: 20px;
}

.tech-title_w .line {
    width: 70px;
    height: 9px;
    background-color: #030bd7;
    margin-top: 30px;
    display: inline-block;
}

.tech-search {
    width: 255px;
    height: 40px;
    background-color: #e7e7e8;
    display: flex;
    align-items: center;
    border-radius: 20px;
    padding-left: 15px;
}

.tech-search .s-icon {
    width: 22px;
    height: 22px;
    display: block;
    background-repeat: no-repeat;
    background-size: 22px 22px;
    background-position: center;
    background-image: url("../images/tech02.png");
    flex-shrink: 0;
}

.tech-search input {
    font-size: 14px;
    border: 0;
    outline: none;
    background-color: transparent;
    padding-left: 10px;
}

#tech_list {
    margin-top: 110px;
    display: flex;
    flex-wrap: wrap;
}

#tech_list .tech-items {
    width: 23%;
    margin-right: 2.66%;
    margin-bottom: 2.66%;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}

#tech_list .tech-items>img {
    width: 100%;
    opacity: 0;
}

#tech_list .tech-items .bg {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
}

#tech_list .tech-items .bg .m-top {
    display: none;
}

#tech_list .tech-items .bg .m-top .title {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    text-align: left;
}

#tech_list .tech-items .bg .bottom {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    position: absolute;
    bottom: 20px;
    width: 100%;
    padding: 0 5%;
}

#tech_list .tech-items .bg .bottom .title {
    font-size: 18px;
    color: #fff;
}

#tech_list .tech-items .bg .bottom .title .cn {
    font-weight: bold;
}

#tech_list .tech-items .bg .bottom .title .cn span {
    font-size: 16px;
    margin-left: 10px;
}

#tech_list .tech-items .bg .bottom .heart {
    display: inline-block;
    width: 38px;
    height: 38px;
    background-repeat: no-repeat;
    background-size: 38px 38px;
    background-image: url("../images/tech04.png");
}

#tech_list .tech-items .mask {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-color: #030bd7;
    display: block;
    opacity: 0;
    transition: all 0.6s;
    padding: 10% 8% 5%;
}

#tech_list .tech-items .mask .title {
    color: #fff;
    font-weight: bold;
    text-align: center;
}

#tech_list .tech-items .mask .title .cn {
    font-size: 34px;
}

#tech_list .tech-items .mask .title .en {
    font-size: 30px;
}

#tech_list .tech-items .mask .desc {
    color: #fff;
    font-size: 15px;
    line-height: 1.7em;
    margin-top: 30px;
        height: 241px;

}

#tech_list .tech-items .mask .more {
    font-size: 12px;
    color: #fff;
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: calc(50% - 30px);
}

#tech_list .tech-items .mask .more .arr01 {
    display: inline-block;
    width: 52px;
    height: 52px;
    background-size: 52px 52px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("../images/tech05.png");
}

#tech_list .tech-items:nth-of-type(4n) {
    margin-right: 0;
}

#tech_list .tech-items:hover .mask {
    display: block;
    opacity: 1;
}

.tech-more {
    width: 100px;
    height: 38px;
    line-height: 38px;
    border-radius: 19px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    display: block;
    background-color: #030bd7;
    margin: 100px auto;
}

#tech-dtl .container-dtl {
    width: 68.75%;
    max-width: 1320px;
    margin: 0 auto;
    position: relative;
}

#tech-dtl .container-line {
    width: 92.7%;
    height: 1px;
    max-width: 1780px;
    margin: 90px auto;
    background-color: #e6e6e6;
    position: relative;
}

#tech-dtl .com-title-box {
    color: #040000;
    font-size: 60px;
    font-weight: bold;
}

#tech-dtl .com-title-box .line {
    width: 70px;
    height: 9px;
    background-color: #030bd7;
    margin-top: 20px;
}

#tech-dtl .com-title-box.white {
    color: #fff;
}

#tech-dtl .com-title-box.white .line {
    background-color: #fff;
}

#tech-dtl .swiper-pagination {
    bottom: 20px;
    text-align: right;
    padding-right: 5%;
}

#tech-dtl .swiper-button-prev,
#tech-dtl .swiper-button-next {
    width: 65px;
    height: 65px;
    background-color: rgba(255, 255, 255, 0.8);
    color: #000;
    line-height: 65px;
    text-align: center;
    background-image: none;
    position: absolute;
    font-size: 22px;
}

#tech-dtl .swiper-button-prev {
    left: 6px;
}

#tech-dtl .swiper-button-prev:after {
    display: inline-block;
    text-align: right;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f053";
    -webkit-text-stroke: 3px #fff;
}

#tech-dtl .swiper-button-prev:hover {
    background-color: rgba(254, 209, 48, 0.8);
}

#tech-dtl .swiper-button-prev:hover:after {
    -webkit-text-stroke: 3px rgba(254, 209, 48, 0.8);
}

#tech-dtl .swiper-button-next {
    right: 6px;
}

#tech-dtl .swiper-button-next:after {
    display: inline-block;
    text-align: right;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f054";
    -webkit-text-stroke: 3px #fff;
}

#tech-dtl .swiper-button-next:hover {
    background-color: #FED130;
}

#tech-dtl .swiper-button-next:hover:after {
    -webkit-text-stroke: 3px #FED130;
}

#tech-dtl .teacher-pic {
    padding: 250px 0 80px;
    width: 100%;
    background-repeat: repeat-x;
    background-size: 1px 100%;
    background-position: center;
    background-image: url(../images/tech10.png);
    position: relative;
    display: block;
}

#tech-dtl .teacher-pic .container-dtl {
    display: flex;
    justify-content: space-between;
}

#tech-dtl .teacher-pic .container-dtl .left {
    width: 47.5%;
    flex-shrink: 0;
    position: relative;
}

#tech-dtl .teacher-pic .container-dtl .left .title {
    color: #040000;
}

#tech-dtl .teacher-pic .container-dtl .left .title .name {
    font-size: 60px;
    line-height: 60px;
    font-weight: bold;
}

#tech-dtl .teacher-pic .container-dtl .left .title .desc {
    color: rgba(99, 99, 99, 0.6);
    margin-top: 10px;
    margin-bottom: 40px;
    font-size: 20px;
}

#tech-dtl .teacher-pic .container-dtl .left .title .more-pic {
    width: 220px;
    height: 50px;
    line-height: 50px;
    border-radius: 25px;
    text-align: left;
    color: #fff;
    font-size: 18px;
    padding: 0 40px 0 20px;
    background-image: url("../images/tech08.png");
    background-repeat: no-repeat;
    background-position: center right 30px;
    background-size: 36px 17px;
    background-color: #030bd7;
    cursor: pointer;
}

#tech-dtl .teacher-pic .container-dtl .left .bottom {
    position: absolute;
    bottom: 0px;
    padding-right: 10%;
    left: 0;
}

#tech-dtl .teacher-pic .container-dtl .left .bottom .info {
    font-size: 28px;
    color: #020202;
    height: 400px;
    overflow-y: auto;
    padding-right: 10px;
}

#tech-dtl .teacher-pic .container-dtl .left .bottom .info::-webkit-scrollbar {
    width: 6px;
    height: 10px;
    background-color: #f3f4f5;
}

#tech-dtl .teacher-pic .container-dtl .left .bottom .info::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #f3f4f5;
}

#tech-dtl .teacher-pic .container-dtl .left .bottom .info::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #fed130;
}

#tech-dtl .teacher-pic .container-dtl .left .bottom .info p {
    line-height: 1.5em;
}

#tech-dtl .teacher-pic .container-dtl .left .bottom .info .tt {
    margin-top: 40px;
}

#tech-dtl .teacher-pic .container-dtl .left .bottom .info .course-box {
    height: 50px;
    border-radius: 25px;
    background-color: #d7d7d8;
    margin-top: 20px;
    overflow: hidden;
    display: inline-block;
}

#tech-dtl .teacher-pic .container-dtl .left .bottom .info .course-box span {
    width: 110px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    font-size: 30px;
    color: rgba(19, 19, 19, 0.5);
    border-radius: 25px;
    padding: 0 20px;
    font-weight: bold;
}

#tech-dtl .teacher-pic .container-dtl .left .bottom .info .course-box span.active {
    background-color: #030bd7;
    color: #fff;
}

#tech-dtl .teacher-pic .container-dtl .right {
    position: relative;
}

#tech-dtl .teacher-pic .container-dtl .right>img {
    width: 100%;
    opacity: 0;
}

#tech-dtl .teacher-pic .container-dtl .right .bg {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url("../images/tech09.png");
}

#tech-dtl .teacher-pic .container-dtl .right .bg>img {
    width: 100%;
    opacity: 0;
}

#tech-dtl .teacher-pic .container-dtl .right .bg .likes {
    position: absolute;
    font-size: 24px;
    color: #fff;
    right: 30px;
    bottom: 40px;
}

#tech-dtl .teacher-pic .container-dtl .right .bg .likes .star {
    width: 48px;
    height: 44px;
    display: inline-block;
    background-size: 48px 44px;
    background-image: url("../images/tech07.png");
    background-repeat: no-repeat;
}

#tech-dtl .teacher-pic-m {
    display: none;
}

#tech-dtl .tech-desc {
    padding: 30px 0 45px;
}

#tech-dtl .tech-desc .process-line-box {
    width: 120px;
    height: 4px;
    background-color: #fed330;
    position: relative;
    border-radius: 2px;
    float: right;
}

#tech-dtl .tech-desc .process-line-box .bar {
    width: 24px;
    height: 4px;
    background-color: #030bd7;
    position: absolute;
    border-radius: 2px;
}

#tech-dtl .tech-desc .process-line-box .num {
    position: absolute;
    font-size: 18px;
    font-weight: bold;
    color: #040000;
    top: -10px;
}

#tech-dtl .tech-desc .process-line-box .num.num01 {
    left: -25px;
}

#tech-dtl .tech-desc .process-line-box .num.num02 {
    right: -25px;
}

#tech-dtl .tech-desc .com-title-box {
    margin-top: 110px;
}

#tech-dtl .tech-desc .desc {
    font-size: 28px;
    color: #020202;
    line-height: 1.5em;
    margin-top: 60px;
}

#tech-dtl .works-banner-tech {
    position: relative;
    height: 450px;
}

#tech-dtl .works-banner-tech .swiper-banner-tech {
    height: 100%;
}

#tech-dtl .works-banner-tech .swiper-wrapper {
    height: 100%;
}

#tech-dtl .works-banner-tech .swiper-slide {
    width: auto!important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#tech-dtl .works-banner-tech .swiper-slide>img {
    height: 100%;
    opacity: 0;
}

#tech-dtl .tech-work .works-banner-reviews {
    width: 75%;
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
    margin-top: 30px;
    padding-bottom: 60px;
}

#tech-dtl .tech-work .works-banner-reviews .swiper-banner-reviews {
    height: 100%;
}

#tech-dtl .tech-work .works-banner-reviews .swiper-banner-reviews .swiper-wrapper {
    height: 100%;
}

#tech-dtl .tech-work .works-banner-reviews .swiper-banner-reviews .swiper-slide {
    width: 27% !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#tech-dtl .tech-work .works-banner-reviews .swiper-banner-reviews .swiper-slide>img {
    width: 100%;
    opacity: 0;
}

#tech-dtl .tech-work .tech-speak {
    padding: 60px 140px 50px 140px;
    background-color: #f7f7f7;
    margin-top: 90px;
}

#tech-dtl .tech-work .tech-speak .pot {
    width: 56px;
    height: 48px;
    background-size: 56px 48px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("../images/tech16.png");
}

#tech-dtl .tech-work .tech-speak .tt {
    font-size: 60px;
    line-height: 60px;
    color: #040000;
    font-weight: bold;
    margin: 30px 0;
}

#tech-dtl .tech-work .tech-speak .info {
    font-size: 24px;
    color: #020202;
}

#tech-dtl .tech-work .tech-speak .desc {
    margin-top: 100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#tech-dtl .tech-work .tech-speak .desc .t1 {
    font-size: 22px;
    color: #020202;
}

#tech-dtl .tech-work .tech-speak .desc .t1 .line {
    margin: 0 10px;
    display: inline-block;
}

#tech-dtl .tech-work .tech-speak .desc .more {
    display: inline-block;
    width: 190px;
    height: 50px;
    line-height: 50px;
    border-radius: 25px;
    text-align: center;
    font-size: 24px;
    color: #fff;
    background-color: #030bd7;
}

#tech-dtl .work-show {
    background-color: #030bd7;
    padding: 120px 0 150px;
}

#tech-dtl .work-show .works-banner-show {
    width: 89.8%;
    max-width: 1750px;
    height: 500px;
    margin: 0 auto;
    position: relative;
    margin-top: 50px;
}

#tech-dtl .work-show .works-banner-show .swiper-banner-show {
    height: 100%;
}

#tech-dtl .work-show .works-banner-show .swiper-banner-show .swiper-wrapper {
    height: 100%;
}

#tech-dtl .work-show .works-banner-show .swiper-banner-show .swiper-slide {
    width: auto !important;
    height: 100%;
    background-color: #fff;
    position: relative;
}

#tech-dtl .work-show .works-banner-show .swiper-banner-show .swiper-slide>img {
    height: 100%;
    opacity: 0;
}

#tech-dtl .work-show .works-banner-show .swiper-banner-show .swiper-slide .bg {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

@media screen and (max-width: 1900px) {
    #tech_list .tech-items .mask .desc {
        font-size: 20px;
        margin-top: 20px;
    }
    #tech_list .tech-items .mask {
        padding: 10% 10% 5%;
    }
    #tech_list .tech-items .mask .title {
        font-size: 26px;
    }
    #tech_list .tech-items .mask .title .cn {
        font-size: 26px;
    }
    #tech_list .tech-items .mask .title .en {
        font-size: 26px;
    }
    #tech-dtl .teacher-pic .container-dtl .left .bottom .info {
        height: 360px;
    }
    #tech-dtl .work-show .works-banner-show {
        height: 470px;
    }
}

@media screen and (max-width: 1600px) {
    #tech_list .tech-items .mask .desc {
        font-size: 18px;
    }
    #tech_list .tech-items .mask .more .arr01 {
        width: 42px;
        height: 42px;
        background-size: 42px 42px;
    }
    #tech-dtl .container-dtl {
        width: 77.75%;
    }
    #tech-dtl .com-title-box {
        font-size: 48px;
    }
    #tech-dtl .tech-desc .desc {
        font-size: 24px;
    }
    #tech-dtl .tech-work .tech-speak {
        padding: 45px 80px 45px 80px;
        margin-top: 50px;
    }
    #tech-dtl .work-show {
        padding: 80px 0 90px;
    }
    #tech-dtl .teacher-pic {
        padding: 220px 0 60px;
    }
    #tech-dtl .work-show .works-banner-show {
        height: 440px;
    }
    #tech-dtl .works-banner-tech {
        height: 420px;
    }
}

@media screen and (max-width: 1460px) {
    #tech_list .tech-items .mask .title {
        font-size: 22px;
    }
    #tech_list .tech-items .mask .title .cn {
        font-size: 22px;
    }
    #tech_list .tech-items .mask .title .en {
        font-size: 22px;
    }
    #tech_list .tech-items .mask .desc {
        font-size: 16px;
    }
    #tech_list .tech-items .bg .bottom .title {
        font-size: 16px;
    }
    #tech-dtl .work-show .works-banner-show {
        height: 410px;
    }
    #tech-dtl .works-banner-tech {
        height: 395px;
    }
}

@media screen and (max-width: 1386px) {
    #tech-dtl .teacher-pic .container-dtl .left .title .name {
        font-size: 45px;
        line-height: 45px;
    }
    #tech-dtl .teacher-pic .container-dtl .left .bottom .info {
        font-size: 24px;
    }
    #tech-dtl .tech-desc {
        padding: 60px 0 100px;
    }
    #tech-dtl .com-title-box {
        font-size: 36px;
    }
    #tech-dtl .tech-work .tech-speak {
        padding: 40px;
    }
    #tech-dtl .tech-work .tech-speak .tt {
        font-size: 45px;
    }
    #tech-dtl .tech-work .tech-speak .desc {
        margin-top: 50px;
    }
    #tech-dtl .teacher-pic .container-dtl .left .bottom .info {
        height: 290px;
    }
    #tech-dtl .teacher-pic .container-dtl .right .bg .likes .star {
        width: 36px;
        height: 30px;
        background-size: 36px 30px;
    }
    #tech-dtl .work-show .works-banner-show {
        height: 370px;
    }
    #tech-dtl .works-banner-tech {
        height: 370px;
    }
}

@media screen and (max-width: 1300px) {
    #tech_list .tech-items .mask .title {
        font-size: 20px;
    }
    #tech_list .tech-items .mask .title .cn {
        font-size: 20px;
    }
    #tech_list .tech-items .mask .title .en {
        font-size: 20px;
    }
    #tech_list .tech-items .mask .desc {
        font-size: 14px;
    }
    #tech_list .tech-items .bg .bottom .title {
        font-size: 14px;
    }
    #tech_list .tech-items .mask .more .arr01 {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
    }
    #tech_list .tech-items .mask {
        padding: 10% 5% 5%;
    }
    #tech_list .tech-items .bg .bottom .heart {
        width: 24px;
        height: 24px;
        background-size: 24px 24px;
    }
    #tech-dtl .teacher-pic .container-dtl .left .bottom .info {
        height: 210px;
    }
    #tech-dtl .work-show .works-banner-show {
        height: 340px;
    }
    #tech-dtl .works-banner-tech {
        height: 340px;
    }
}

@media screen and (max-width: 1044px) {
    .tech-title_w .cn,
    .tech-title_w .en {
        font-size: 20px;
        line-height: 20px;
    }
    .tech-title_w .en {
        margin-top: 10px;
    }
    .tech-search {
        width: 40%;
        height: 30px;
        padding-left: 6px;
    }
    .tech-search .s-icon {
        width: 16px;
        height: 16px;
        background-size: 16px 16px;
    }
    .tech-title_w {
        margin-top: 30px;
    }
    .tech-title_w .line {
        width: 30px;
        height: 3px;
        margin-top: 15px;
    }
    .tech-search input {
        font-size: 12px;
        padding-left: 5px;
    }
    #tech_list {
        margin-top: 50px;
    }
    #tech_list .tech-items {
        width: 32%;
        margin-right: 2%;
        margin-bottom: 2%;
        border-radius: 5px;
    }
    #tech_list .tech-items:nth-of-type(4n) {
        margin-right: 2%;
    }
    #tech_list .tech-items:nth-of-type(3n) {
        margin-right: 0 !important;
    }
    .container-tech {
        width: 91%;
    }
    #tech_list .tech-items:hover .bg {
        background-color: #030bd7;
        background-image: none !important;
    }
    #tech_list .tech-items .mask .desc {
        display: none;
    }
    #tech_list .tech-items .mask .more {
        display: none;
    }
    #tech_list .tech-items .bg .bottom .title .cn {
        display: none;
    }
    #tech_list .tech-items .bg .bottom {
        bottom: 0;
        height: 36px;
        background-color: #030bd7;
        align-items: center;
    }
    #tech_list .tech-items .bg .bottom .title {
        font-size: 12px;
    }
    #tech_list .tech-items .bg .bottom .heart {
        width: 18px;
        height: 16px;
        background-size: 16px 16px;
    }
    #tech_list .tech-items .mask {
        opacity: 0;
        background-color: transparent;
    }
    #tech_list .tech-items .mask .title {
        text-align: left;
        font-size: 12px;
        display: none;
    }
    #tech_list .tech-items .bg .m-top {
        display: block;
    }
    #tech_list .tech-items .bg .m-top .title {
        font-size: 12px;
        margin-left: 10px;
        margin-top: 10px;
    }
    .tech-more {
        margin: 30px auto;
    }
    #tech-dtl .teacher-pic {
        display: none;
    }
    #tech-dtl .tech-desc .process-line-box {
        display: none;
    }
    #tech-dtl .tech-desc .com-title-box {
        text-align: center;
        font-size: 18px;
        margin-top: 30px;
    }
    #tech-dtl .tech-desc {
        padding: 0 0 20px;
    }
    #tech-dtl .container-dtl {
        width: 91%;
    }
    #tech-dtl .com-title-box .line {
        width: 46px;
        height: 3px;
        margin: 0 auto;
        margin-top: 10px;
    }
    #tech-dtl .tech-desc .desc {
        text-align: center;
        font-size: 14px;
        margin-top: 30px;
    }
    #tech-dtl .com-title-box {
        text-align: center;
        font-size: 22px;
    }
    #tech-dtl .works-banner-tech .swiper-slide {
        width: 47.7% !important;
    }
    #tech-dtl .swiper-button-prev,
    #tech-dtl .swiper-button-next {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        top: calc(50% + 8px);
    }
    #tech-dtl .container-line {
        margin: 30px auto;
    }
    #tech-dtl .tech-work .works-banner-reviews {
        width: 100%;
    }
    #tech-dtl .tech-work .tech-speak {
        padding: 20px;
        margin-top: 40px;
        text-align: center;
    }
    #tech-dtl .tech-work .tech-speak .pot {
        margin: 0 auto;
    }
    #tech-dtl .tech-work .tech-speak .tt {
        font-size: 24px;
        line-height: 24px;
        margin: 10px 0;
    }
    #tech-dtl .tech-work .tech-speak .pot {
        width: 30px;
        height: 26px;
        background-size: 30px 26px;
    }
    #tech-dtl .tech-work .tech-speak .info {
        font-size: 16px;
    }
    #tech-dtl .tech-work .tech-speak .desc {
        margin-top: 45px;
        flex-direction: column;
        justify-content: center;
    }
    #tech-dtl .tech-work .tech-speak .desc .more {
        width: 120px;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
    }
    #tech-dtl .tech-work .tech-speak .desc .t1 {
        font-size: 14px;
        margin-bottom: 20px;
    }
    #tech-dtl .work-show .works-banner-show .swiper-banner-show .swiper-slide {
        width: auto !important;
    }
    #tech-dtl .swiper-button-next:after {
        -webkit-text-stroke: 1px #fff;
    }
    #tech-dtl .work-show .works-banner-show {
        height: 140px;
    }
    #tech-dtl .works-banner-tech {
        height: 120px;
    }
    #tech-dtl .work-show .works-banner-show .swiper-banner-show .swiper-slide .bg {
        background-size: auto 100%;
    }
    #tech-dtl .work-show .works-banner-show .swiper-banner-show .swiper-slide>img {
        width: auto;
        height: 100%;
    }
    #tech-dtl .swiper-button-prev:after {
        -webkit-text-stroke: 1px #fff;
    }
    #tech-dtl .work-show {
        padding: 50px 0 80px;
    }
    #tech-dtl .teacher-pic-m {
        display: block;
        padding-top: 50px;
    }
    .teacher-pic-m .tops .container-dtl {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .teacher-pic-m .tops .container-dtl .left {
        font-size: 14px;
        color: #040000;
        display: flex;
        align-items: center;
    }
    .teacher-pic-m .tops .container-dtl .left .star {
        width: 32px;
        height: 29px;
        display: inline-block;
        background-size: 32px 29px;
        background-image: url("../images/tech07.png");
        background-repeat: no-repeat;
    }
    .teacher-pic-m .tops .container-dtl .left span {
        margin-left: 10px;
    }
    .teacher-pic-m .tops .container-dtl .more-pic {
        width: 145px;
        height: 35px;
        line-height: 35px;
        border-radius: 17px;
        text-align: left;
        color: #fff;
        font-size: 14px;
        padding: 0 30px 0 15px;
        background-image: url("../images/tech08.png");
        background-repeat: no-repeat;
        background-position: center right 12px;
        background-size: 24px 12px;
        background-color: #030bd7;
        cursor: pointer;
    }
    .teacher-pic-m .pic {
        width: 220px;
        height: 220px;
        border-radius: 50%;
        overflow: hidden;
        margin: 0 auto;
        margin-top: 40px;
    }
    .teacher-pic-m .pic img {
        width: 100%;
        /*height: 100%;*/
    }
    .teacher-pic-m .intro {
        color: #040000;
        text-align: center;
        margin-top: 40px;
    }
    .teacher-pic-m .intro .t1 {
        font-size: 28px;
        line-height: 28px;
        font-weight: bold;
    }
    .teacher-pic-m .intro .t2 {
        font-size: 20px;
        line-height: 20px;
        color: rgba(4, 0, 0, 0.6);
        margin-top: 20px;
    }
    .teacher-pic-m .info-box {
        font-size: 16px;
        color: #020202;
        background-color: #f7f7f7;
        padding: 30px;
        margin-top: 30px;
        text-align: center;
    }
    .teacher-pic-m .info-box p {
        line-height: 1.5em;
    }
    .teacher-pic-m .info-box .tt {
        margin-top: 30px;
        margin-bottom: 15px;
    }
    .teacher-pic-m .info-box .course-box {
        height: 30px;
        border-radius: 17px;
        background-color: #d7d7d8;
        overflow: hidden;
        display: inline-block;
    }
    .teacher-pic-m .info-box .course-box span {
        width: 60px;
        height: 30px;
        line-height: 30px;
        display: inline-block;
        font-size: 14px;
        color: rgba(19, 19, 19, 0.5);
        border-radius: 17px;
        padding: 0 10px;
        font-weight: bold;
    }
    .teacher-pic-m .info-box .course-box span.active {
        background-color: #030bd7;
        color: #fff;
    }
}

@media screen and (max-width: 1900px) {
    .school-award .school-swiper {
        height: 800px;
    }
    .school-award .school-swiper .slide1 {
        padding-top: 70px;
    }
    .school-award .school-swiper .slide1 .text-box .right .info {
        margin-top: 60px;
    }
    .school-award .school-swiper .slide1 .text-box .right .s-num-box .items {
        margin-bottom: 50px;
    }
}

@media screen and (max-width: 1600px) {
    .school-award .school-swiper {
        height: 680px;
    }
    .school-award .school-swiper .slide1 {
        padding-top: 50px;
    }
    .school-award .school-swiper .slide1 .text-box .right .info {
        margin-top: 40px;
    }
    .school-award .school-swiper .slide1 .text-box .right .s-num-box .items {
        margin-bottom: 30px;
    }
    .school-award .school-swiper .slide1 .text-box .left {
        font-size: 60px;
    }
    .school-award .school-swiper .slide1 .text-box .right .text01 {
        font-size: 60px;
    }
    .school-award .school-swiper .slide1 .text-box .right .info {
        font-size: 20px;
    }
    .school-award .school-swiper .slide1 .text-box .right .s-num-box .items .t2 span.font-fz-Futura {
        font-size: 48px;
    }
    .school-award .school-swiper .slide1 .text-box .right .s-num-box .items .t2 {
        font-size: 36px;
    }
    .school-award .school-swiper .slide1 .text-box .right {
        margin-left: 15%;
    }
}

@media screen and (max-width: 1386px) {
    .school-award .school-swiper {
        height: 610px;
    }
    .school-award .school-swiper .slide1 .text-box {
        width: 90%;
    }
}

@media screen and (max-width: 1044px) {
    .school-award .text-tops {
        height: 275px;
        background-image: url("../images/02.png");
        background-size: 120px 95px;
        background-repeat: no-repeat;
        background-position: center;
        font-size: 36px;
        line-height: 36px;
        padding-top: 100px;
        color: #000;
    }
    .school-award .school-swiper .slide1 {
        background-image: none !important;
    }
    .school-award .school-swiper .slide1 .text-box .left {
        font-size: 36px;
    }
    .school-award .school-swiper .slide1 .text-box .right {
        margin-left: 0;
    }
    .school-award .school-swiper .slide1 .text-box .right .text01 img {
        display: none;
    }
    .school-award .school-swiper .slide1 .text-box .right .text01 {
        font-size: 36px;
    }
    .school-award .school-swiper .slide1 .text-box .right .info {
        margin-top: 25px;
    }
    .school-award .school-swiper .slide1 .text-box .right .s-num-box {
        margin-top: 30px;
    }
    .school-award .school-swiper .slide1 .text-box .right .s-num-box .items .t2 span.font-fz-Futura {
        font-size: 48px;
    }
    .school-award .school-swiper .slide1 .text-box .right .s-num-box .items {
        margin-right: 30px;
    }
    .school-award .school-swiper {
        height: auto;
        background-image: none!important;
    }
    .school-award .school-swiper .slide1 {
        padding-bottom: 15px;
        padding-left: 0;
    }
    .school-award .school-swiper .slide1 .text-box {
        margin: 0 auto;
    }
    .school-award .school-swiper .line-tab {
        background-color: #fed130;
        height: 2px;
        border-radius: 1px;
    }
    .school-award .school-swiper .slide1 .text-box .left .num {
        display: none;
    }
    .school-award .school-swiper .slide1 .text-box .right .text01 .num {
        font-weight: bold;
    }
    .school-award .school-swiper .slide1 .text-box .right .text01 .num-m {
        display: inline-block;
    }
    .school-award .school-swiper .swiper-pagination {
        bottom: 30px!important;
    }
    .school-award .school-swiper .swiper-pot {
        bottom: 30px;
        left: 20px;
    }
    .school-award .school-swiper .swiper-pot img {
        width: 50%;
    }
}

@media screen and (max-width: 750px) {
    .school-award .text-tops {
        height: 160px;
        font-size: 22px;
        line-height: 22px;
        padding-top: 55px;
    }
    .school-award .school-swiper .slide1 .text-box {
        display: block;
    }
    .school-award .school-swiper .slide1 .text-box .right .text01 {
        font-size: 20px;
        line-height: 20px;
        display: none;
    }
    .school-award .text-tops .txt01 {
        margin-top: 5px;
    }
    .line-yellow {
        height: 15px;
    }
    .school-award .school-swiper .slide1 {
        padding-top: 0;
    }
    .school-award .school-swiper .slide1 .tops-pic {
        height: 155px;
      
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        display: block;
        text-align: center;
        display: flex;
        justify-content: center;
    }
    .school-award .school-swiper .slide1 .tops-pic .text01 {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        text-align: center;
    }
    .school-award .school-swiper .slide1 .tops-pic .text01 span {
        display: inline-block;
        vertical-align: middle;
        font-weight: bold;
        color: #fff;
        font-size: 22px;
    }
    .school-award .school-swiper .slide1 .tops-pic .text01 .num-m {
        margin-right: 20px;
    }
    .school-award .school-swiper .slide1 .tops-pic .text01 img {
        width: 20px;
        margin-left: 20px;
    }
    .school-award .school-swiper .slide1 .text-box .right .info {
        margin-top: 15px;
    }
    .school-award .school-swiper .slide1 .text-box .right .s-num-box .items .t1 {
        font-size: 14px;
        line-height: 14px;
    }
    .school-award .school-swiper .slide1 .text-box .right .s-num-box .items .t2 {
        font-size: 26px;
    }
    .school-award .school-swiper .slide1 .text-box .right .s-num-box .items .t2 span.font-fz-Futura {
        font-size: 28px;
        line-height: 28px;
    }
    .school-award .school-swiper .slide1 .text-box .right .s-num-box .items .t2 span.fr {
        line-height: 30px;
    }
    .school-award .school-swiper .slide1 .text-box .right .info {
        font-size: 14px;
        text-align: center;
        line-height: 1.8em;
    }
    .school-award .school-swiper .slide1 .text-box .right .s-num-box .items {
        margin-bottom: 10px;
    }
    .school-award .school-swiper .slide1 .text-box .right .s-num-box .items .t2 {
        margin-top: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .school-award .school-swiper .slide1 .text-box .right .s-num-box {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .school-award .school-swiper .slide1 .text-box .right .s-num-box .items {
        margin-right: 0px;
    }
    .school-award .school-swiper .slide1 .text-box .right .s-num-box .items:nth-of-type(3n) {
        margin-right: 0;
    }
    .school-award .school-swiper .swiper-button-prev,
    .school-award .school-swiper .swiper-button-next {
        width: 50px;
        height: 50px;
        line-height: 50px;
        top: 177px;
    }
    .line-s {
        width: 50px !important;
        height: 2px !important;
    }
    .school-award .school-swiper .slide1 .text-box .left {
        font-size: 20px;
    }
    .school-award .school-swiper .slide1 .text-box .right {
        float: none;
        width: 80%;
        margin: 0 auto;
        margin-top: 65px;
    }
    .line-yellow {
        display: none;
    }
    .school-award .school-swiper .slide1 .text-box .right .s-num-box .items .t2 span.unit {
        line-height: 30px;
    }
    .school-award .school-swiper .slide1 .text-box .right .label-box .warn {
        font-size: 14px;
        text-align: center;
    }
    .school-award .school-swiper .slide1 .text-box .right .label-box .more {
        margin: 20px auto 0;
        height: 34px;
        line-height: 34px;
        padding: 0 15px 0 10px;
        width: 165px;
    }
    .school-award .school-swiper .slide1 .text-box .right .label-box .more .tag {
        width: 8px;
        height: 8px;
    }
}


/*# sourceMappingURL=common.css.map */

.com-bread-box {
    width: 1390px;
    margin: 0 auto;
    position: relative;
    color: #333;
    font-size: 16px;
    margin-bottom: 30px;
    text-align: left;
}

.com-bread-box .arr {
    width: 10px;
    height: 10px;
    border-top: 1px solid #585858;
    border-right: 1px solid #585858;
    transform: rotate(45deg);
    display: inline-block;
    margin: 0 5px;
}

.com-bread-box>a:hover {
    color: #0101ff;
}

.com-bread-box.teach-bread {
    width: 1325px;
}

.com-bread-box.new-detail-bread {
    width: 1125px;
}

.com-bread-box.mt30 {
    margin-top: 30px;
}

.com-bread-box.mb30 {
    margin-bottom: 30px;
}

.wrapper .news-w .news-detail .detail-box .detail-inner {
    float: left;
}

.wrapper .news-w .news-detail .detail {
    float: unset;
}

.wrapper .news-w .news-detail .detail .pages-box p {
    width: 50%;
}

.wrapper .news-w .news-detail .detail .pages-box p>a:hover {
    color: #0101ff;
}

.wrapper .news-w .news-detail .detail p.left {
    float: left;
}

.wrapper .news-w .news-detail .detail p.right {
    float: right;
}

.wrapper .news-w .news-detail .detail-box .detail-inner .detail-right {
    width: 768px;
    float: unset;
    margin-top: 30px;
}

.wrapper .news-w .news-detail .detail-box .detail-inner .detail-right .news-hrf a {
    width: 100%;
}

@media screen and (max-width: 1480px) and (min-width: 1026px) {
    .com-bread-box {
        width: 100%;
    }
    .com-bread-box.teach-bread {
        width: 100%;
    }
    .com-bread-box.new-detail-bread {
        width: 100%;
    }
    .wrapper .news-w .news-c .new-search-box {
        width: 100%;
    }
}

@media screen and (max-width: 1200px) and (min-width: 769px) {
    .wrapper .news-w .news-detail .detail-box {
        width: 85%;
    }
    .wrapper .news-w .news-detail .detail-box .detail-inner .detail-right {
        width: 100%;
    }
    .wrapper .news-w .news-detail .detail-box .detail-right {
        width: 100%;
        float: unset;
    }
}

@media screen and (max-width: 769px) and (min-width: 500px) {
    .wrapper .news-w .news-detail .detail-box .detail-inner .detail-right {
        width: 66%;
        margin: 0 auto;
        margin-top: 30px;
    }
    .wrapper .news-w .news-detail .detail-box .detail-right {
        width: 66%;
        float: unset;
        margin: 0 auto;
        margin-top: 30px;
    }
    .com-bread-box.teach-bread {
        width: 100%;
    }
    .com-bread-box.new-detail-bread {
        width: 100%;
    }
}

@media screen and (max-width: 500px) {
    .com-bread-box {
        font-size: 12px;
        /*padding:0 20px;*/
    }
    .com-bread-box.teach-bread {
        padding: 0 20px;
    }
    .com-bread-box.new-detail-bread {
        padding: 0 20px;
    }
    .com-bread-box .arr {
        width: 8px;
        height: 8px;
    }
    .wrapper .news-w .news-detail .detail-box .detail-inner .detail-right {
        width: 100%;
    }
    .wrapper .news-w .news-detail .detail-box .detail-inner {
        float: unset;
    }
    .wrapper .news-w .news-detail .detail-box .detail-right .detail-right-text img {
        max-width: 100%;
    }
}

@media screen and (min-width: 1480px) and (max-width: 1900px) {
    .header.header1.header_fixed .menu {
        margin-left: 60px;
        float: right;
        transition: all 1s;
    }
    .headerright {
        margin-right: 12px;
    }
    .header.header1.header_fixed .container.headerbg {
        width: 90%;
    }
    .wrapper .index-w .index-b-04 .tech-slides .swiper-slide .info .cpright {
        margin-top: 30px;
    }
    .header.header1.header_fixed .menu ul li a {
        display: block;
        float: left;
        padding-left: 15px;
        padding-top: 0px;
        color: #7a7a7a;
        font-size: 16px;
        font-weight: normal;
        letter-spacing: 1px;
    }
    /*画室成绩 轮播1024top*/
    .grade_box {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .grade_title {
        padding-top: 60px;
        margin-left: 10%;
    }
    .grade_title .swiper-container {}
    .grade_img {
        width: 100%;
        height: 616px;
        position: relative;
    }
    .changji_img_box {
        width: 66%;
        position: absolute;
        right: 0;
    }
    .changji_img_box img {
        width: 100%;
        height: 100%;
        z-index: 10;
    }
    /*.grade_img .school_name{*/
    /*border: 1px solid red;*/
    /*}*/
    /*.grade_img .school_name ul li{*/
    /*float: left;*/
    /*list-style: none;*/
    /*}*/
    .grade_title p:first-child {
        color: #222222;
        font-size: 36px;
    }
    .grade_title p:last-child {
        color: #444444;
        font-size: 27px;
        padding-top: 5px;
    }
    .swiper-slide .s_title {
        margin-top: 120px;
        color: #ffffff;
        /*color: transparent;*/
        /*-webkit-text-stroke: 1px #ffffff;*/
    }
    .swiper-slide .s_title span {
        font-size: 38px;
    }
    .grade_img .swiper_title .swiper-slide {
        margin-top: -38px;
    }
    .swiper-slide .s_title b {
        display: inline-block;
        margin-right: 10px;
        vertical-align: top;
    }
    .swiper-slide .blue_line {
        width: 35px;
        height: 3px;
        background: #0101ff;
        margin-top: 110px;
    }
    .swiper-slide .grade_info {
        width: 340px;
        margin-top: 55px;
        margin-bottom: 40px;
        text-align: left;
    }
    .swiper-slide ul li {
        text-align: left;
        line-height: 32px;
    }
    .swiper-slide ul li img {
        padding-bottom: 1px;
        padding-right: 5px;
    }
    .grade_img .swiper-button-next,
    .grade_img .swiper-button-prev {
        position: absolute !important;
        top: 50% !important;
        width: 60px !important;
        height: 60px !important;
        margin-top: -22px !important;
        z-index: 10 !important;
        cursor: pointer !important;
        background-size: 60px 60px !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        z-index: 100 !important;
    }
    .grade_img .swiper-pagination-bullet-active {
        opacity: 1;
        background: transparent !important;
        font-size: 30px !important;
        color: #ffffff !important;
    }
    /*.grade_img .swiper-button-next {*/
    /*background-image: url(../images/rightarrow.png)!important;*/
    /*right: 0!important;*/
    /*!*margin-right: 12px!important;*!*/
    /*}*/
    /*.grade_img .swiper-button-prev {*/
    /*background-image: url(../images/leftarrow.png);*/
    /*left: 36%!important;*/
    /*margin-left: -29px!important;*/
    /*outline: none;*/
    /*top: 50%!important;*/
    /*}*/
    .grade_img .swiper-pagination {
        position: absolute !important;
        bottom: 105px !important;
        left: 121px !important;
        width: 200px !important;
    }
    .grade_img .swiper-pagination-bullet {}
    /*.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {*/
    /*bottom: 417px !important;*/
    /*left: -120px;*/
    /*width: 100% !important;*/
    /*}*/
    .active {
        color: #0101ff;
    }
    .grade_img {
        position: relative;
    }
    .grade_img .swiper_title .swiper-slide .s_title {
        vertical-align: top;
    }
    .grade_img .swiper_title {
        height: 200px !important;
        position: absolute;
        top: -55px !important;
    }
    .grade_img .swiper_title .swiper-slide {
        /*width: 400px!important;*/
    }
    .grade_img .swiper_title .swiper-slide-active .s_title {
        margin-right: 135px !important;
    }
    .grade_img .swiper_title .swiper-slide-active .s_title {
        color: #010100;
        width: 100%;
    }
    .grade_img .swiper_content {
        width: 400px !important;
        overflow: hidden !important;
        position: absolute;
        top: 110px !important;
    }
    .grade_img .swiper_content .grade_info {
        line-height: 30px;
    }
    /*新增登录页nav top*/
    .header_fixed-login {
        position: fixed;
        width: 100%;
        top: 0;
        transition: all 1s;
    }
    .header.header1.header_fixed-login .header_box {
        width: 100% !important;
        -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
        box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .1);
        transition: all 1s;
    }
    .header.header1.header_fixed-login .container.headerbg {
        width: 85%;
        padding: 0;
        justify-content: space-between;
        display: flex;
        transition: all 1s;
    }
    .header.header1.header_fixed-login .menu ul li a {
        osition: relative;
        display: block;
        float: left;
        padding-left: 18px;
        padding-top: 0px;
        color: #7a7a7a;
        font-size: 16px;
        font-weight: normal;
        letter-spacing: 1px;
    }
    .header.header1.header_fixed-login .logo {
        margin-left: 93px;
        float: left;
        transition: all 1s;
    }
    .header.header1.header_fixed-login .menu {
        /*margin-right: 0;*/
        margin-left: 45px;
        float: right;
        transition: all 1s;
    }
    .header.header1.header_fixed-login .ss {
        padding-right: 0;
    }
    .img-icon {
        position: absolute;
    }
    .img-icon img {
        width: 18%;
    }
    .pic-cion1 {
        top: calc(37% - 41px);
        right: calc(16% - 14px);
    }
    .pic-cion2 {
        top: calc(65% - 23px);
        right: calc(6% - 32px);
    }
    .pic-cion3 {
        top: calc(72% - 22px);
        right: calc(23% - 25px)
    }
    .pic-cion4 {
        top: calc(73% - 12px);
        right: calc(19% - 21px);
    }
    .pic-cion5 {
        top: calc(73% - 12px);
        right: calc(19% - 21px);
    }
    .wrapper .index-w .index-slides .swiper-slide .slide .text-box .text01 {
        font-size: 96px;
        line-height: 96px;
    }
    .wrapper .index-w .index-slides .swiper-slide .slide .text-box .text02 {
        font-size: 160px;
        line-height: 160px;
    }
}

@media screen and (min-width: 1480px) and (max-width: 1600px) {
    .wrapper .index-w .index-b-07 .wrap .col {
        width: 265px;
    }
    .wrapper .index-w .index-slides .swiper-slide .slide .text-box .text01 {
        font-size: 86px;
        line-height: 86px;
    }
    .wrapper .index-w .index-slides .swiper-slide .slide .text-box .text02 {
        font-size: 140px;
        line-height: 140px;
    }
}

@media screen and (min-width: 1026px) and (max-width: 1480px) {
    .wrapper .index-w .index-slides .swiper-slide .slide .text-box .text01 {
        font-size: 86px;
        line-height: 86px;
    }
    .wrapper .index-w .index-slides .swiper-slide .slide .text-box .text02 {
        font-size: 140px;
        line-height: 140px;
    }
    .header.header1.header_fixed .menu ul li a {
        display: block;
        float: left;
        padding-left: 10px;
        padding-top: 0px;
        color: #7a7a7a;
        font-size: 14px;
        font-weight: normal;
        letter-spacing: 1px;
    }
    .head-tel {
        margin-top: 16px;
        font-size: 14px;
    }
    .header.header1.header_fixed .menu {
        margin-left: 25px;
        float: right;
        transition: all 1s;
    }
    .wrapper {
        min-width: 1024px;
    }
    .wrapper .scroll-more {
        bottom: 20px;
    }
    .wrapper .scroll-more img {
        width: 15px;
        margin-bottom: 10px;
    }
    .wrapper .scroll-more .hint {
        font-size: 10px;
        line-height: 14px;
    }
    .wrapper .top-b .info {
        top: 160px;
    }
    .wrapper .top-b .info .tt {
        font-size: 38px;
        line-height: 45px;
        font-weight: bold;
    }
    .wrapper .top-b .info .filter {
        margin: 10px 0;
    }
    .wrapper .top-b .info .filter span {
        width: 16px;
        border-bottom: 2px #fff solid;
        height: 2px;
        display: inline-block;
    }
    .wrapper .top-b .info .stt {
        font-size: 21px;
        line-height: 30px;
    }
    .wrapper .news {
        width: 310px;
        height: 420px;
        float: left;
        margin: 0 28px;
        overflow: hidden;
        background-color: #fff;
        cursor: pointer;
    }
    .wrapper .news .front {
        width: 100%;
        height: 100%;
    }
    .wrapper .about-w .row.right .col {
        height: 450px;
    }
    .wrapper .news .front .news-img {
        width: 100%;
        height: 210px;
        position: relative;
    }
    .wrapper .news .front .intro {
        position: relative;
        padding: 30px 30px 0;
        height: 210px;
    }
    .wrapper .news .front .intro .tt {
        font-size: 16px;
        line-height: 25px;
        font-weight: bold;
    }
    .wrapper .news .front .intro .itt {
        font-size: 14px;
        line-height: 23px;
        margin-top: 10px;
        color: rgba(0, 0, 0, 0.5);
    }
    .wrapper .news .front .intro .datetime {
        position: absolute;
        bottom: 30px;
        left: 30px;
        font-weight: bold;
        font-size: 12px;
    }
    .wrapper .news .back {
        width: 100%;
        height: 100%;
        padding: 30px 30px 0;
        position: relative;
        background-color: #0101ff;
        color: #fff;
        display: none;
    }
    .wrapper .news .back .slide {
        z-index: 0;
    }
    .wrapper .news .back .tt {
        font-size: 28px;
        line-height: 30px;
        position: relative;
    }
    .wrapper .news .back .tt span {
        width: 12px;
        margin-left: 6px;
        border-bottom: 2px #fff solid;
        display: inline-block;
    }
    .wrapper .news .back .itt {
        font-size: 14px;
        line-height: 21px;
        margin-top: 20px;
        position: relative;
    }
    .contact_us .wrap .wrap_box .contact_left #map_box {
        width: 105%;
        height: 356px;
    }
    .wrapper .news .back .data {
        position: relative;
    }
    .wrapper .news .back .data p {
        margin-top: 16px;
        font-size: 12px;
    }
    .wrapper .news .back .data p img {
        width: 14px;
        margin-right: 20px;
        vertical-align: middle;
        margin-top: -3px;
    }
    .wrapper .news .back .more {
        position: absolute;
        bottom: 30px;
        left: 30px;
    }
    .wrapper .news .back .more a {
        display: inline-block;
        text-align: center;
        width: 90px;
        height: 36px;
        line-height: 36px;
        -webkit-border-radius: 19px;
        -moz-border-radius: 19px;
        border-radius: 19px;
        font-size: 12px;
        color: rgba(0, 0, 0, 0.5);
        background-color: #fff;
        margin-top: 26px;
        cursor: pointer;
    }
    .wrapper .navs {
        height: 70px;
    }
    .wrapper .navs .wrap {
        padding: 20px;
    }
    .wrapper .r-navs {
        width: 72px;
    }
    .wrapper .r-navs .logo {
        height: 124px;
    }
    .wrapper .r-navs .logo img {
        width: 24px;
        margin-top: 26px;
    }
    .wrapper .r-navs .signup {
        height: 176px;
    }
    .wrapper .r-navs .signup .col {
        height: 44px;
        line-height: 44px;
        font-size: 14px;
    }
    .wrapper .index-w .index-slides {
        height: 460px;
    }
    .wrapper .index-w .index-slides .swiper-pagination {
        bottom: 20px;
        /*padding-left: 17%;*/
    }
    .wrapper .index-w .index-b-01 .res-c .res {
        padding: 100px 0;
    }
    .wrapper .index-w .index-b-02 .info {
        margin-left: calc(50% + 60px);
        top: 60px;
    }
    .wrapper .index-w .index-b-02 .info .tt {
        font-size: 24px;
        line-height: 24px;
    }
    .wrapper .index-w .index-b-02 .info .stt {
        margin: 15px 0 25px;
        font-size: 16px;
        line-height: 22px;
    }
    .wrapper .index-w .index-b-02 .info .info-row {
        width: 440px;
    }
    .wrapper .index-w .index-b-02 .info .info-row .col {
        width: 220px;
        margin-bottom: 25px;
        float: left;
    }
    .wrapper .index-w .index-b-02 .info .info-row .col .ctt {
        font-size: 20px;
        line-height: 24px;
        font-weight: bold;
    }
    .wrapper .index-w .index-b-02 .info .info-row .col .cvv {
        font-size: 12px;
        line-height: 18px;
    }
    .wrapper .index-w .index-b-03 .col {
        padding: 100px 0;
    }
    .wrapper .index-w .index-b-03 .col .num {
        font-size: 130px;
        top: 108px;
    }
    .wrapper .index-w .index-b-03 .col .tt {
        font-size: 40px;
        font-weight: 600;
    }
    .wrapper .index-w .index-b-03 .col .intro {
        font-size: 12px;
        line-height: 18px;
    }
    .wrapper .index-w .index-b-03 .col .btn-b {
        margin-top: 40px;
    }
    .wrapper .index-w .index-b-04 .tech-slides .swiper-slide .info {
        left: 120px;
        top: 40px;
    }
    .wrapper .index-w .index-b-04 .tech-slides .swiper-slide .info .tt {
        font-size: 24px;
        line-height: 24px;
    }
    .wrapper .index-w .index-b-04 .tech-slides .swiper-slide .info .stt {
        margin: 15px 0 25px;
        font-size: 16px;
        line-height: 22px;
    }
    .wrapper .index-w .index-b-04 .tech-slides .swiper-slide .info .t-name {
        font-size: 12px;
        line-height: 21px;
    }
    .wrapper .index-w .index-b-04 .tech-slides .swiper-slide .info .t-intro {
        font-size: 12px;
        line-height: 16px;
    }
    .wrapper .index-w .index-b-04 .tech-slides .swiper-slide .info .filter {
        margin: 20px 0 24px;
    }
    .wrapper .index-w .index-b-04 .tech-slides .swiper-slide .info .t-horse {
        width: 36px;
    }
    .wrapper .index-w .index-b-04 .tech-slides .swiper-slide .info .cpright {
        font-size: 10px;
    }
    .wrapper .index-w .index-b-06 .info {
        margin-left: calc(50% + 60px);
        top: 60px;
    }
    .wrapper .index-w .index-b-06 .info .tt {
        font-size: 24px;
        line-height: 24px;
    }
    .wrapper .index-w .index-b-06 .info .stt {
        margin: 15px 0 5px;
        font-size: 16px;
        line-height: 22px;
    }
    .wrapper .index-w .index-b-06 .info .filter {
        margin: 0 0 12px;
    }
    .wrapper .index-w .index-b-06 .info .htt {
        font-size: 12px;
        line-height: 18px;
    }
    .wrapper .index-w .index-b-06 .info .op-b {
        margin-top: 26px;
    }
    .wrapper .index-w .index-b-06 .info .op-b .btn {
        height: 32px;
        width: 160px;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px;
        line-height: 32px;
        padding-left: 23px;
        font-size: 12px;
    }
    .wrapper .index-w .index-b-06 .info .op-b .btn img {
        width: 18px;
        margin-right: 6px;
        vertical-align: sub;
    }
    .wrapper .index-w .index-b-06 .info .op-b .hint {
        margin-top: 0;
        font-size: 10px;
        line-height: 16px;
    }
    .wrapper .index-w .index-b-07 .wrap {
        min-width: 100%;
        padding: 60px 0;
    }
    .wrapper .index-w .index-b-07 .wrap .col {
        width: 180px;
    }
    .wrapper .index-w .index-b-07 .wrap .col .tt {
        font-size: 19px;
    }
    .wrapper .index-w .index-b-07 .wrap .col .stt {
        font-size: 12px;
        margin-top: 6px;
    }
    .wrapper .index-w .index-b-08 .info {
        margin-left: calc(50% + 60px);
        top: 60px;
    }
    .wrapper .index-w .index-b-08 .info .tt {
        font-size: 24px;
        line-height: 24px;
    }
    .wrapper .index-w .index-b-08 .info .stt {
        margin: 15px 0 10px;
        font-size: 16px;
        line-height: 22px;
    }
    .wrapper .index-w .index-b-08 .info .filter {
        margin: 0 0 12px;
    }
    .wrapper .index-w .index-b-08 .info .htt {
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 10px;
    }
    .wrapper .index-w .index-b-08 .info .vest {
        height: 28px;
        margin-top: 20px;
    }
    .wrapper .index-w .index-b-08 .cpright {
        bottom: 20px;
        margin-left: calc(50% + 60px);
        font-size: 10px;
    }
    .wrapper .index-w .index-b-09 .wrap {
        min-width: 100%;
        padding: 60px 0;
        margin-top: 40px;
    }
    .wrapper .index-w .index-b-09 .wrap .col {
        width: 20%;
    }
    .wrapper .index-w .index-b-09 .wrap .col .tt {
        font-size: 17px;
    }
    .wrapper .index-w .index-b-09 .wrap .col .stt {
        font-size: 12px;
        margin-top: 6px;
    }
    .wrapper .about-w .row .col {
        position: relative;
    }
    .wrapper .about-w .row .col.info .tt {
        font-size: 32px;
        line-height: 36px;
    }
    .wrapper .about-w .row .col.info .stt {
        font-size: 18px;
        line-height: 26px;
    }
    .wrapper .about-w .row .col.info .intro {
        font-size: 12px;
        line-height: 20px;
    }
    .wrapper .about-w .row.left .col {
        padding-left: 80px;
        width: 50%;
    }
    .wrapper .about-w .row.right .col {
        padding-left: 50%;
        padding-right: 20px;
    }
    .wrapper .about-w .about-b-01 .row {
        height: 800px;
    }
    .wrapper .about-w .about-b-01 .row .col {
        padding-right: 20px;
    }
    .wrapper .about-w .about-b-01 .row .col.logo img {
        margin-top: 0;
    }
    .wrapper .about-w .about-b-01 .row .col.logo .num {
        top: 86px;
    }
    .wrapper .about-w .about-b-01 .row .col.info {
        padding-top: 0;
    }
    .wrapper .about-w .about-b-01 .row .col.info .tt {
        font-size: 32px;
        line-height: 36px;
    }
    .wrapper .about-w .about-b-01 .row .col.info .stt {
        font-size: 18px;
        line-height: 26px;
    }
    .wrapper .about-w .about-b-01 .row .col.info .intro {
        font-size: 12px;
        line-height: 20px;
    }
    .wrapper .about-w .about-b-05 .b-btn-more {
        display: none;
    }
    .wrapper .about-w .about-b-06 {
        position: relative;
        height: 800px;
    }
    .wrapper .about-w .about-b-06 .row .col.info {
        width: 45%;
        padding-left: 60px;
        padding-top: 0;
    }
    .wrapper .about-w .about-b-06 .row .col.info .tt {
        font-size: 32px;
        line-height: 36px;
    }
    .wrapper .about-w .about-b-06 .row .col.info .stt {
        font-size: 18px;
        line-height: 26px;
    }
    .wrapper .about-w .about-b-06 .row .col.map {
        padding-top: 0;
    }
    .wrapper .recruit-w .navs .wrap {
        min-width: 100%;
    }
    .wrapper .recruit-w .top-b .info {
        top: 230px;
    }
    .wrapper .recruit-w .top-b:nth-child(1) .info {
        top: 160px;
    }
    .wrapper .recruit-w .recruit-b-01 .schs {
        margin-top: 100px;
    }
    .wrapper .recruit-w .recruit-b-01 .schs .sch {
        width: 33%;
    }
    .wrapper .recruit-w .recruit-b-01 .op-b {
        margin-top: 100px;
    }
    .wrapper .recruit-w .recruit-b-05 .b05-item .qaa {
        margin: 60px auto 0;
        width: 100%;
        padding: 0 20px;
    }
    .wrapper .teach-w .navs .wrap {
        min-width: 100%;
    }
    .wrapper .teach-w .teacher-b .info {
        left: 221px;
        top: 156px;
    }
    .wrapper .teach-w .teacher-b .info .tt {
        font-size: 32px;
        line-height: 30px;
    }
    .wrapper .teach-w .teacher-b .info .stt {
        margin: 10px 0 15px;
        font-size: 18px;
        line-height: 24px;
    }
    .wrapper .teach-w .teacher-b .info .filter {
        margin: 10px 0 16px;
    }
    .wrapper .teach-w .teacher-b .info .t-horse {
        width: 40px;
    }
    .wrapper .teach-w .teacher-b .info .cpright {
        font-size: 10px;
    }
    .wrapper .teach-w .teachers {
        padding: 40px 0 80px;
    }
    .wrapper .teach-w .teachers .teachs-c {
        width: 100%;
        margin: 40px auto 0;
        box-sizing: border-box;
        padding: 0px 30px;
    }
    .wrapper .teach-w .teachers .teachs-c .teach {
        width: 25%;
    }
    .wrapper .teach-w .teachers .teachs-c .teach .hov-info {
        width: 100%;
    }
    .wrapper .teach-w .teachers .teachs-c .teach:nth-child(4n) .hov-info {
        left: auto;
        right: 0;
    }
    .wrapper .teach-w .teachers .teachs-c .teach:nth-child(5n) .hov-info {
        left: 0;
        right: auto;
    }
    .wrapper .teach-w .works-w {
        padding: 60px 20px 0;
    }
    .wrapper .teach-w .works-w .works {
        width: 100%;
    }
    .wrapper .teach-w .works-w .works .work {
        width: calc(33% - 20px);
        margin-right: 30px;
        margin-bottom: 30px;
    }
    .wrapper .teach-w .works-w .works .work:nth-child(3n) {
        margin-right: 0 !important;
    }
    .wrapper .teach-w .works-w .works .work:nth-child(4n) {
        margin-right: 30px;
    }
    .wrapper .teach-w .publish-w .publishes {
        width: 100%;
        padding: 0 20px;
    }
    .wrapper .teach-w .publish-w .publishes .publish {
        width: calc(33% - 20px);
        height: 420px;
        margin-right: 30px;
        margin-bottom: 30px;
    }
    .wrapper .teach-w .publish-w .publishes .publish:nth-child(3n) {
        margin-right: 0 !important;
    }
    .wrapper .teach-w .publish-w .publishes .publish:nth-child(4n) {
        margin-right: 30px;
    }
    .wrapper .news-w .navs .wrap {
        min-width: 100%;
    }
    .wrapper .news-w .news-c {
        padding: 60px 20px 0;
    }
    .wrapper .news-w .news-c .news-list {
        width: 100%;
    }
    .wrapper .news-w .news-c .news-list .news {
        margin: 0 30px 30px 0;
        width: calc(33% - 20px);
        height: 420px;
    }
    .wrapper .news-w .news-c .news-list .news:nth-child(3n) {
        margin-right: 0 !important;
    }
    .wrapper .news-w .news-c .news-list .news:nth-child(4n) {
        margin-right: 30px;
    }
    .wrapper .news-w .news-detail {
        margin-top: 124px;
    }
    .wrapper .news-w .news-detail .tt {
        /*height: 72px;*/
        /*line-height: 72px;*/
    }
    .wrapper .news-w .news-detail .tt .detail-close {
        width: 72px;
        height: 72px;
        line-height: 72px;
    }
    .wrapper .public-w .navs .wrap {
        min-width: 100%;
    }
    .wrapper .public-w .public-c .res-c {
        width: 100%;
        padding: 0 20px;
    }
    .wrapper .public-w .public-c .res-c .res {
        width: calc(33% - 20px);
        margin-right: 30px;
        margin-bottom: 30px;
    }
    .wrapper .public-w .public-c .res-c .res:nth-child(3n) {
        margin-right: 0 !important;
    }
    .wrapper .public-w .public-c .res-c .res:nth-child(4n) {
        margin-right: 30px;
    }
    .wrapper .sch-w .navs .wrap {
        min-width: 100%;
    }
    .wrapper .sch-w .top-b .row .col {
        width: 35%;
        margin-left: 58%;
        padding-top: 160px;
    }
    .wrapper .sch-w .top-b .row .col .tt {
        font-size: 32px;
        line-height: 36px;
    }
    .wrapper .sch-w .top-b .row .col .stt {
        font-size: 18px;
        line-height: 22px;
    }
    .wrapper .sch-w .top-b .row .col .sch-selector {
        margin: 10px 0 0;
        height: 36px;
        width: 260px;
        -webkit-border-radius: 18px;
        -moz-border-radius: 18px;
        border-radius: 18px;
        line-height: 36px;
        padding-left: 18px;
    }
    .wrapper .sch-w .top-b .row .col .sch-selector img {
        right: 16px;
        top: 11px;
    }
    .wrapper .sch-w .top-b .row .col .sch-selector .options {
        top: 50px;
        width: 260px;
    }
    .wrapper .sch-w .top-b .row .col .sch-selector .options .option {
        height: 36px;
        padding-left: 18px;
    }
    .wrapper .sch-w .top-b .row .col .intro {
        font-size: 12px;
        line-height: 18px;
    }
    .wrapper .sch-w .top-b .row .col .intro .addr {
        font-size: 12px;
        line-height: 18px;
        margin: 10px 0;
    }
    .wrapper .sch-w .sch-tabs {
        padding: 50px 20px;
    }
    .wrapper .sch-w .sch-tabs .sch-intro {
        width: 100%;
    }
    .wrapper .sch-w .sch-tabs .sch-intro .tt {
        font-size: 32px;
        line-height: 38px;
    }
    .wrapper .sch-w .sch-tabs .sch-pics {
        width: 100%;
        /*        height: 505px;*/
    }
    .wrapper .sch-w .sch-tabs .sch-pics .sch-pic {
        width: calc(33% - 20px);
        margin-right: 30px;
        margin-bottom: 30px;
    }
    .wrapper .sch-w .sch-tabs .sch-pics .sch-pic:nth-child(3n) {
        margin-right: 0 !important;
    }
    .wrapper .sch-w .sch-tabs .sch-pics .sch-pic:nth-child(4n) {
        margin-right: 30px;
    }
    .wrapper .union-w .navs .wrap {
        min-width: 100%;
    }
    .wrapper .union-w .row .col.info {
        padding-top: 20px;
    }
    .wrapper .union-w .row .col.info .tt {
        font-size: 28px;
        line-height: 28px;
    }
    .wrapper .union-w .row .col.info .stt {
        font-size: 18px;
        line-height: 24px;
    }
    .wrapper .union-w .row .col.info .intro {
        font-size: 13px;
        line-height: 20px;
    }
    .wrapper .union-w .row.left .col {
        padding-top: 70px;
        padding-left: 80px;
    }
    .wrapper .union-w .un-b-01 .row .col.info {
        padding-top: 160px;
        padding-right: 20px;
    }
    /*选择课程top*/
    .wrapper .navs_index .wrap {
        swidth: 100%;
        height: 195px;
        box-sizing: border-box;
        white-space: nowrap;
        text-align: center;
        display: flex;
        align-items: center;
        margin-top: 5px;
    }
    .wrapper .navs_index .wrap .n-item {
        width: 20%;
        display: inline-block;
        height: 195px;
        /*padding: 40px 20px;*/
        box-sizing: border-box;
        font-size: 12px;
        cursor: pointer;
        background-color: #e6e6e6;
        color: #000000;
        margin-right: 3px;
        position: relative;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    .wrapper .navs_index .wrap .n-item .index-05-text1 {
        font-size: 20px;
        padding: 15px 0px 10px;
    }
    .wrapper .navs_index .wrap .n-item .index-05-text1 {
        font-size: 17px;
    }
    .wrapper .navs_index .wrap .n-item .index-05-text2 {
        font-size: 16px;
    }
    .wrapper .navs_index .wrap .n-item.active,
    .wrapper .navs_index .wrap .n-item:hover {
        /*background-image: url("../images/img-05-bg.png");*/
        color: #ffffff;
    }
    .wrapper .navs_index .wrap .n-item .img-05-1 {
        /*position: absolute;*/
        /*top: 30px;*/
        /*left: 43%;*/
    }
    .wrapper .navs_index .wrap .n-item .img_active {
        display: none;
    }
    .wrapper .index-b-09 .wrap .col .img2 {
        display: none;
    }
    .wrapper .index-b-09 .wrap .col {
        position: relative;
        flex-direction: column;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .wrapper .index-b-09 .wrap .col img {
        /*position: absolute;*/
        /*top: -76px;*/
    }
    .wrapper .index-b-09 .wrap .col .horse1 {
        /*position: absolute;*/
        /*left: 55px;*/
    }
    .wrapper .index-b-09 .wrap .col .horse2 {
        /*position: absolute;*/
        /*left: 66px;*/
    }
    .wrapper .index-b-09 .wrap .col .horse3 {
        /*position: absolute;*/
        /*left: 59px;*/
    }
    .wrapper .index-b-09 .wrap .col .horse4 {
        /*position: absolute;*/
        /*left: 19px;*/
    }
    .wrapper .index-b-09 .wrap .col .horse5 {
        /*position: absolute;*/
        /*left: 46px;*/
    }
    .wrapper .index-b-09 .wrap .col {
        width: 20%;
    }
    /*联系我们 top*/
    .contact_us {
        width: 100%;
        padding: 100px 0px 110px;
        background-color: #F7F7F7;
    }
    .contact_us .wrap {
        width: 1200px;
        margin: 0 auto;
    }
    .contact_us .wrap .wrap_box {
        width: 100%;
    }
    .contact_us .wrap .wrap_box .contact_left {
        width: 50%;
        float: left;
    }
    .contact_us .wrap .wrap_box .contact_left .con_left_l {
        width: 48%;
        float: left;
    }
    .contact_us .wrap .wrap_box .contact_left .contact_left_r {
        width: 30%;
        float: left;
    }
    .contact_us .wrap .wrap_box .contact_left .con_left_l .con_title_tel {
        font-size: 24px;
    }
    .contact_us .wrap .wrap_box .contact_left .con_left_l .con_text {
        display: inline-block;
        margin-top: 30px;
        margin-bottom: 20px;
        vertical-align: top;
    }
    .contact_us .wrap .wrap_box .contact_left .con_left_l .con_text span {
        display: inline-block;
        vertical-align: top;
    }
    .contact_us .wrap .wrap_box .contact_left .con_left_l .con_text .con_address {
        width: 165px;
    }
    .contact_us .wrap .wrap_box .contact_right {
        width: 50%;
        float: right;
        text-align: left;
    }
    .contact_us .wrap .wrap_box .contact_right .con_right_l_box {
        width: 100%;
    }
    .contact_us .wrap .wrap_box .contact_right {
        font-size: 16px;
        text-align: left;
    }
    .contact_us .wrap .wrap_box .contact_right .con_right_l_box>div {
        display: inline-block;
    }
    .contact_us .wrap .wrap_box .contact_right .con_right_l {
        width: 40%;
        margin-right: 30px;
        float: right;
        padding-bottom: 15px;
    }
    .contact_us .wrap .wrap_box .contact_right .con_right1 {
        float: right;
        width: 100%;
        text-align: left;
        padding-left: 10%;
    }
    .contact_us .wrap .wrap_box .contact_right .con_right_l input {
        border: none;
        width: 100%;
        background-color: #ffffff;
        height: 45px;
        outline: none;
        padding-left: 10px;
    }
    .contact_us .wrap .wrap_box .contact_left .contact_left_r .con_r_img_box img {
        /*padding: 15px;*/
        /*background-color: #dbdbdb;*/
    }
    .wrap_box .contact_left .con_left_l .tel_dtl span {
        font-weight: bolder;
    }
    .contact_us .wrap .wrap_box .contact_right .con_right1 textarea {
        border: none;
        width: 94.5%;
        background-color: #ffffff;
        height: 225px;
        margin-top: 15px;
        margin-bottom: 20px;
        resize: none;
        outline: none;
        padding: 10px;
    }
    .contact_us .wrap .wrap_box .contact_right .tijiao_btn {
        width: 150px;
        height: 45px;
        line-height: 45px;
        margin-left: 10%;
        border: none;
        background-color: #fed130;
        font-size: 20px;
        color: #010100;
    }
    /*联系我们 end*/
    /*交互图片效果 top*/
    .wrapper .index-w .index-b-02 {
        position: relative;
        width: 100%;
        height: 700px;
        background-color: #1557a1;
    }
    .index_b_04_eq0 {
        width: 100%;
        height: 950px;
        background: #0101ff !important;
        position: relative;
    }
    .wrapper .index-w .index-b-06 {
        position: relative;
        width: 100%;
        height: 700px;
        background-color: #fed130;
    }
    .wrapper .index-w .index-b-02 .left_fadeIn_img {
        position: absolute;
        left: 0px;
        top: 40px;
        width: 40%;
    }
    .wrapper .index-w .index-b-06 .left_fadeIn_img1 {
        position: absolute;
        left: 44px;
        top: unset;
        bottom: 0;
        width: 38%;
    }
    .wrapper .index-w .index-b-08 .left_fadeIn_img1 {
        position: absolute;
        left: 21px;
        top: 0px;
        height: 100%;
    }
    .wrapper .index-w .index-b-08 {
        position: relative;
        width: 100%;
        height: 700px;
        background-color: #0101ff;
    }
    .wrapper .index-w .index-b-08 .info {
        position: absolute;
        margin-left: calc(48% + 80px);
        top: 85px;
    }
    .wrapper .index-w .index-b-02 .info {
        position: absolute;
        margin-left: calc(50% + 80px);
        top: 85px;
    }
    /*交互秃瓢效果 end*/
    /*** header top 1024***/
    .header {
        width: 100%;
        position: absolute;
        top: 25px;
        left: 0%;
        z-index: 99999;
    }
    .header_fixed {
        position: fixed;
        width: 100%;
        top: 0;
    }
    /*.container{*/
    /*width: 1100px;*/
    /*}*/
    .header_fixed1 {
        position: absolute;
        width: 0;
        height: 70px;
        background: #fff;
        left: 50%;
        top: 0;
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
        box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .1);
    }
    .header_fixed2 {
        position: absolute;
        width: 0;
        height: 70px;
        background: #fff;
        right: 50%;
        top: 0;
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
        box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .1);
    }
    .sskuang {
        position: fixed;
        width: 100%;
        height: 90px;
        background: #EAEAEA;
        left: -100%;
        top: 70px;
        z-index: 99;
        transition: all 1s;
        -moz-transition: all 1s;
        -ms-transition: all 1s;
        -o-transition: all 1s;
        -webkit-transition: all 1s;
    }
    .ssb {
        margin: 15% auto 0 auto;
        display: none;
    }
    .ss_text_a {
        margin: 10px auto 0 auto;
        position: relative;
        width: 500px;
    }
    .ss_text {
        border: none;
        border-bottom: 1px #666 solid;
        background: none;
        color: #666;
        font-size: 14px;
        letter-spacing: 1px;
        padding: 0 50px 0 10px;
        display: block;
        line-height: 50px;
        width: 500px;
    }
    .close {
        position: absolute;
        right: 30px;
        top: 30px;
    }
    .yjt {
        position: absolute;
        right: 0;
        top: 20px;
    }
    .headerdw {
        background: #fff;
        position: fixed;
        top: 0;
        -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
        box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .1);
    }
    ul li {
        list-style: none;
    }
    .headerbg {
        height: 70px;
        margin: 0 auto;
        padding-right: 0px;
        position: relative;
        transition: all 1s;
        -moz-transition: all 1s;
        -ms-transition: all 1s;
        -o-transition: all 1s;
        -webkit-transition: all 1s;
    }
    .header_box1 {
        border-radius: 4px 6px 6px 4px;
    }
    .header.header1.header_fixed .header_box {
        width: 100% !important;
        -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
        box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .1);
    }
    .header.header1.header_fixed .container.headerbg {
        width: 100%;
        padding: 0;
    }
    .header_box {
        display: inline-block;
        width: auto;
        padding: 0 !important;
        background: #fff;
        transition: all 0.5s;
        background-image: linear-gradient(to right, rgba(255, 255, 255, .98) 0, rgba(255, 255, 255, .95) 100%);
        -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1);
        box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1);
    }
    .header.header1.header_fixed .logo {
        margin-left: 0;
    }
    .header.header1.header_fixed .logo img {
        width: 143px;
        vertical-align: middle;
        margin-left: 45px;
        margin-top: 8px;
    }
    .header.header1.header_fixed .ss {
        padding-right: 0;
    }
    .header_fixed_a {
        text-align: center;
    }
    .headerbg .logo {
        float: left;
        margin-top: 6px;
        margin-bottom: 0px;
        margin-left: 35px;
        transition: all 1s;
        -moz-transition: all 1s;
        -ms-transition: all 1s;
        -o-transition: all 1s;
        -webkit-transition: all 1s;
    }
    .headerbg .logo img {
        width: 100px;
        margin-top: 0px;
        vertical-align: -webkit-baseline-middle;
    }
    .menu {
        float: left;
        margin-left: 20px;
    }
    .menu ul {
        margin-bottom: 0;
    }
    .menu ul li {
        float: left;
        line-height: 70px;
        position: relative;
    }
    .menu ul li a {
        position: relative;
        display: block;
        float: left;
        padding-left: 0px;
        padding-top: 0px;
        color: #7a7a7a;
        font-size: 16px;
        font-weight: normal;
        letter-spacing: 1px;
    }
    .menu ul li a strong {
        height: 26px;
        padding-right: 15px;
        font-weight: normal;
    }
    .menu ul li a strong span {
        padding-right: 12px;
        background: url('../images/nav_arrow.gif') no-repeat right 5px;
        line-height: 70px;
    }
    .menu ul li a strong span:hover {
        color: #0101ff;
    }
    .headerright {
        float: right;
        margin-top: 25px;
        margin-right: 30px;
        display: inline-block;
    }
    .headerright .headerrighttb {
        width: 40px;
        margin: 0 10px;
        color: #333;
        font-size: 14px;
        line-height: 12px;
        border-radius: 50%;
    }
    .headerright .headerrighttb i {
        margin-top: 25px;
    }
    .headerright .headerrighttb i:hover {
        color: #0101ff;
    }
    .headerright .headerrighttb img {
        vertical-align: middle
    }
    .headerright .headerrighttb img {
        vertical-align: middle;
        padding-bottom: 5px;
        padding-right: 5px;
    }
    .headerright .link {
        padding: 0 16px;
        height: 50px;
        border-top-right-radius: 4px;
        font-size: 14px;
        transition: all 1s;
        -moz-transition: all 1s;
        -ms-transition: all 1s;
        -o-transition: all 1s;
        -webkit-transition: all 1s;
        border-bottom-right-radius: 4px;
        display: inline-block;
        line-height: 50px;
        color: #333;
    }
    .ss {
        padding-right: 100px;
        transition: all 1s;
        -moz-transition: all 1s;
        -ms-transition: all 1s;
        -o-transition: all 1s;
        -webkit-transition: all 1s;
        cursor: pointer;
    }
    .headerfk {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 10px;
        height: 10px;
        background: #000;
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px;
    }
    .headerfk1 {
        position: absolute;
        top: 0px;
        right: 0px;
        width: 10px;
        height: 10px;
        background: #000;
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px;
    }
    .navigation-up .navigation-v3 {
        float: right;
        position: relative;
        width: 790px;
    }
    .navigation-up .navigation-v3 ul {
        float: left;
    }
    .navigation-up .navigation-v3 li {
        float: left;
        color: #fff;
        width: 100px;
        text-align: center;
        height: 88px;
        line-height: 88px;
    }
    .navigation-up .navigation-v3 li h2 {
        font-weight: normal;
        padding: 0;
        margin: 0;
        width: 100px;
    }
    .navigation-up .navigation-v3 li h2 a {
        width: 100px;
        color: #000;
        display: inline-block;
        font-size: 14px;
        font-weight: bold;
    }
    .navigation-down {
        position: absolute;
        top: 90px;
        left: 0%;
        width: 100%;
        z-index: 9999;
    }
    .navigation-down .nav-down-menu {
        width: 100%;
        margin: 0;
        position: absolute;
        top: 0px;
        left: 0px;
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    }
    .navigation-down-inner {
        margin: auto;
        width: 100%;
        position: relative;
        height: auto;
        background-color: rgba(255, 255, 255, 1);
        z-index: 999;
        border-radius: 4px 6px 6px 4px;
    }
    .navigation-down .nav-down-menu dl {
        float: left;
        margin: 18px 80px 18px 0
    }
    .menuxl {
        position: relative;
    }
    .menuxl ul {
        text-align: center;
        margin: 0;
    }
    .menuxl ul li {
        display: inline-block;
        text-align: center;
    }
    .menuxl ul li a {
        color: #666;
        display: block;
        font-size: 14px;
        border-right: 1px solid #ccc;
        padding-right: 25px;
        padding-left: 25px;
        line-height: 30px;
        margin: 15px 0;
    }
    #nav_xlcd3 .menuxl ul li a {
        padding-right: 15px;
        padding-left: 15px;
    }
    .menuxl ul li a:hover {
        color: #0101ff;
    }
    .indexpro {
        text-align: center;
        padding-top: 30px;
        padding-bottom: 30px;
        font-size: 12px;
    }
    .indexpro img {
        width: 100%;
        height: auto;
        display: block;
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .indexpro p {
        margin-top: 10px;
    }
    .indexpro:hover img {
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        transform: translate(0, -10px);
        -webkit-transform: translate(0, -10px);
        -moz-transform: translate(0, -10px);
        -o-transform: translate(0, -10px);
        -ms-transform: translate(0, -10px);
    }
    .indexpro:hover p {
        color: #0101ff;
    }
    .indexservice {
        width: 130px;
        margin: 0 auto;
    }
    .indexservice {
        text-align: center;
        padding-top: 50px;
        padding-bottom: 80px;
        font-size: 16px
    }
    .indexservice a {
        color: #333;
        line-height: 30px;
        float: left;
        transition: all 0s linear;
        -webkit-transition: all 0s linear;
        -moz-transition: all 0s linear;
        -ms-transition: all 0s linear;
        -o-transition: all 0s linear;
    }
    .indexservice i {
        margin-right: 15px;
        font-size: 36px;
        color: #82d968;
        line-height: 30px;
        float: left;
    }
    .indexservice a:hover {
        color: #01a03e;
        margin-top: -10px;
        transition: all 0s linear;
        -webkit-transition: all 0s linear;
        -moz-transition: all 0s linear;
        -ms-transition: all 0s linear;
        -o-transition: all 0s linear;
    }
    /*** header ******header 1024*******/
    /*画室成绩 轮播1024top*/
    .grade_box {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .grade_title {
        padding-top: 25px;
        margin-left: 10%;
    }
    .grade_title .swiper-container {}
    .grade_img {
        width: 100%;
        height: 416px;
        position: relative;
    }
    .changji_img_box {
        width: 66%;
        position: absolute;
        right: 0;
        height: 416px;
    }
    .changji_img_box img {
        width: 100%;
        height: 100%;
        z-index: 10;
    }
    .grade_box .scroll-box {
        height: 260px;
    }
    /*.grade_img .school_name{*/
    /*border: 1px solid red;*/
    /*}*/
    /*.grade_img .school_name ul li{*/
    /*float: left;*/
    /*list-style: none;*/
    /*}*/
    .grade_title p:first-child {
        color: #222222;
        font-size: 30px;
        line-height: 41px;
    }
    .grade_title p:last-child {
        color: #444444;
        font-size: 23px;
        padding-top: 8px;
    }
    .swiper-slide .s_title {
        margin-top: 120px;
        color: #ffffff;
        /*color: transparent;*/
        /*-webkit-text-stroke: 1px #ffffff;*/
    }
    .swiper-slide .s_title span {
        font-size: 26px;
    }
    .swiper_title .swiper-slide .pic {
        width: 45px;
        height: 45px;
        margin-top: 10px;
        margin-left: 55px;
    }
    .grade_img .swiper_title .swiper-slide {
        margin-top: -15px;
    }
    .swiper-slide .s_title b {
        display: inline-block;
        margin-right: 10px;
        vertical-align: top;
    }
    .swiper-slide .blue_line {
        width: 35px;
        height: 3px;
        background: #0101ff;
        margin-top: 35px;
    }
    .swiper-slide .grade_info {
        width: 90%;
        margin-top: 15px;
        margin-bottom: 15px;
        text-align: left;
        font-size: 14px;
    }
    /*.swiper_title .swiper-slide{*/
    /*margin-right: 30px!important;*/
    /*}*/
    .swiper-slide ul li {
        text-align: left;
        line-height: 25px;
        font-size: 14px;
    }
    .swiper-slide ul li img {
        padding-bottom: 1px;
        padding-right: 5px;
    }
    /*.grade_img .swiper-button-next{*/
    /*right:0px!important;*/
    /*!*margin-right: -19px!important;*!*/
    /*}*/
    /*.grade_img .swiper-button-prev{*/
    /*left: 37.5% !important;*/
    /*margin-left: -42px!important;*/
    /*}*/
    .grade_img .swiper-button-next,
    .grade_img .swiper-button-prev {
        position: absolute !important;
        top: 50% !important;
        width: 60px !important;
        height: 60px !important;
        margin-top: -20px !important;
        z-index: 10 !important;
        cursor: pointer !important;
        background-size: 60px 60px !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        z-index: 100 !important;
    }
    .grade_img .swiper-pagination-bullet-active {
        opacity: 1;
        background: transparent !important;
        font-size: 30px !important;
        color: #ffffff !important;
    }
    .grade_img .swiper-pagination {
        position: absolute !important;
        bottom: 12px !important;
        left: 72px !important;
        width: 200px !important;
    }
    .grade_img .swiper-pagination-bullet {}
    .active {
        color: #0101ff;
    }
    .grade_img {
        position: relative;
    }
    .grade_img .swiper_title .swiper-slide .s_title {
        vertical-align: top;
    }
    .swiper_title .swiper-slide .logo1 {
        height: 45px;
        margin-top: 10px;
        margin-left: 45px;
    }
    .grade_img .swiper_title {
        height: 200px !important;
        position: absolute;
        top: -80px !important;
    }
    .grade_img .swiper_title .swiper-slide {
        /*width: 400px!important;*/
    }
    .grade_img .swiper_title .swiper-slide-active .s_title {
        margin-right: 135px !important;
        color: #000000;
        width: 100%;
        text-align: left;
    }
    .grade_img .swiper_content {
        width: 270px !important;
        overflow: hidden !important;
        position: absolute;
        top: 85px !important;
    }
    .grade_img .swiper_content .grade_info {
        line-height: 30px;
    }
    /*新增登录页nav top*/
    .header_fixed-login {
        position: fixed;
        width: 100%;
        top: 0;
        transition: all 1s;
    }
    .header.header1.header_fixed-login .header_box {
        width: 100% !important;
        -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
        box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .1);
        transition: all 1s;
    }
    .header.header1.header_fixed-login .container.headerbg {
        width: 85%;
        padding: 0;
        justify-content: space-between;
        display: flex;
        transition: all 1s;
    }
    .header.header1.header_fixed-login .menu ul li a {
        osition: relative;
        display: block;
        float: left;
        padding-left: 0px;
        padding-top: 0px;
        color: #7a7a7a;
        font-size: 16px;
        font-weight: normal;
        letter-spacing: 1px;
    }
    .header.header1.header_fixed-login .logo {
        margin-left: 0px;
        float: left;
        transition: all 1s;
        margin-top: 5px;
    }
    .header.header1.header_fixed-login .menu {
        /*margin-right: 0;*/
        margin-left: 45px;
        float: right;
        transition: all 1s;
    }
    .header.header1.header_fixed-login .ss {
        padding-right: 0;
    }
    /*收藏公开课 top*/
    .wrapper .personal-box .wenda-content,
    .wrapper .personal-box .collect-content {
        width: 100%;
        margin-left: 3.5%;
    }
    .wrapper .collect-content .res-d {
        position: relative;
        width: 100%;
        margin: 60px auto 0;
    }
    .wrapper .collect-content .res-d .res {
        position: relative;
        width: 30%;
        height: 320px;
        float: left;
        margin-right: 25px;
        margin-bottom: 30px;
        background-color: #fff;
    }
    .wrapper .collect-content .res-d .res .info {
        position: absolute;
        left: 20px;
        bottom: 13px;
        line-height: 16px;
        color: red;
        text-align: left;
    }
    .wrapper .collect-content .res-d .res .info .name {
        color: #333333;
        font-size: 16px;
        margin-bottom: 10px;
    }
    .wrapper .collect-content .res-d .res .info .year {
        color: #bfbfbf;
        font-size: 14px;
    }
    .wrapper .collect-content .res-d .res .pot {
        width: 30px;
        height: 27px;
        background-size: 30px 27px;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url("../images/light-star.png");
        right: 20px;
        bottom: 20px;
        position: absolute;
    }
    .wrapper .collect-content .res-d .res .res-d-text {
        color: #ffffff;
        font-size: 14px;
        left: -16px;
        bottom: calc(71% - 50px);
        position: absolute;
        transform: rotate(-90deg);
        font-weight: bold;
    }
    .wrapper .collect-content .res-d .res:nth-child(3n) {
        margin-right: 25px;
    }
    .wrapper .collect-content .res-d .res .res-d-cover {
        width: 100%;
        height: 250px;
    }
    .video_cover {
        position: fixed;
        left: 0;
        bottom: 0;
        top: 0;
        right: 0;
        background-color: rgba(0, 0, 0, .8);
        z-index: 100000;
        display: none;
    }
    .wrapper .collect-content .res-d .res .btn-play-img {
        width: 60px;
        height: 60px;
        position: absolute;
        top: calc(37% - 30px);
        left: calc(48% - 30px);
    }
    .closeIcon {
        position: absolute;
        top: 20px;
        right: 20px;
        z-index: 100002;
    }
    .video-js.vjs-16-9 {
        padding-top: 54.8% !important;
    }
    /*收藏公开课 end*/
    /*收藏作品top*/
    .wrapper .collect-content .works {
        position: relative;
        width: 100%;
        margin: 0 auto;
    }
    .wrapper .collect-content .works .work {
        position: relative;
        width: 22.5%;
        height: 420px;
        float: left;
        overflow: hidden;
        margin-right: 20px;
        margin-bottom: 30px;
        cursor: pointer;
        transition: all 0.6s;
    }
    .wrapper .collect-content .works .work:nth-child(4n) {
        margin-right: 0px;
    }
    .wrapper .collect-content .works .work:hover {
        transition: all 1s;
        box-shadow: 3px 4px 5px 1px rgba(0, 0, 0, .3), -3px 0px 5px 1px rgba(0, 0, 0, .1);
    }
    .wrapper .collect-content .works .work:hover a {
        transform: scale(1.05);
        -moz-transform: scale(1.05);
        -webkit-transform: scale(1.05);
        transition: all 1s;
    }
    .wrapper .collect-content .works .work .info {
        position: absolute;
        left: 20px;
        bottom: 20px;
        font-size: 12px;
        line-height: 16px;
        font-weight: bold;
        color: #fff;
    }
    .wrapper .collect-content .works .work .w-pot {
        width: 30px;
        height: 27px;
        background-size: 30px 27px;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url("../images/light-star.png");
        right: 20px;
        top: 20px;
        position: absolute;
    }
    /*收藏作品 end*/
    /*收藏新闻 top*/
    .wrapper .collect-content .news-list {
        position: relative;
        width: 100%;
        margin: 0 auto;
    }
    .wrapper .collect-content .news-list .news {
        margin: 0 20px 30px 0;
    }
    .wrapper .collect-content .news-list .news:nth-child(4n) {
        margin-right: 0;
    }
    .wrapper .collect-content .news {
        width: 22.5%;
        height: 420px;
        float: left;
        margin: 0 28px;
        overflow: hidden;
        cursor: pointer;
        transition: all 0.6s;
    }
    .wrapper .collect-content .news .front {
        width: 100%;
        height: 100%;
        box-shadow: 10px 2px 5px 0px rgba(2, 46, 22, 0.58);
        background-color: #fff;
        cursor: pointer;
    }
    .wrapper .collect-content .news:hover {
        color: #0101ff;
        transition: ease-in-out 0.5s;
        box-shadow: 3px 4px 4px 1px rgba(211, 212, 212, .3), -3px 0px 4px 1px rgba(211, 212, 212, .3);
    }
    .wrapper .collect-content .news:hover .news-img a {
        transform: scale(1.1);
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transition: ease-in-out 0.5s;
    }
    .wrapper .collect-content .news .front .news-img {
        width: 100%;
        height: 210px;
        position: relative;
        overflow: hidden;
        transition: ease-in-out 0.5s;
    }
    .wrapper .collect-content .news .front .intro {
        position: relative;
        padding: 30px 30px 0;
        height: 210px;
    }
    .wrapper .collect-content .news .front .intro .w-pot {
        width: 30px;
        height: 27px;
        background-size: 30px 27px;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url("../images/light-star.png");
        right: 20px;
        bottom: 20px;
        position: absolute;
    }
    .wrapper .collect-content .news .front .intro .tt {
        font-size: 16px;
        line-height: 25px;
        font-weight: bold;
    }
    .wrapper .collect-content .news .front .intro .itt {
        font-size: 14px;
        line-height: 23px;
        margin-top: 10px;
        color: rgba(0, 0, 0, 0.5);
    }
    .wrapper .collect-content .news .front .intro .datetime {
        position: absolute;
        bottom: 30px;
        left: 30px;
        font-weight: bold;
        font-size: 12px;
    }
    .img-icon {
        position: absolute;
    }
    .img-icon img {
        width: 18%;
    }
    .pic-cion1 {
        top: calc(37% - 41px);
        right: calc(-8% - 14px);
    }
    .pic-cion2 {
        top: calc(65% - 23px);
        right: calc(-5% - 21px);
    }
    .pic-cion3 {
        top: calc(72% - 22px);
        right: calc(1% - 25px);
    }
    .pic-cion4 {
        top: calc(73% - 12px);
        right: calc(-4% - 21px);
    }
    .pic-cion5 {
        top: calc(82% - 11px);
        right: calc(13% - 25px)
    }
    /*收藏新闻 end*/
    /*成绩轮播 end 1024 */
}

@media screen and (max-width: 1280px) and (min-width: 1024px) {
    .pic-cion3 {
        top: calc(72% - 22px);
        right: calc(-11% - 25px);
    }
    .pic-cion2 {
        top: calc(65% - 23px);
        right: calc(-18% - 21px);
    }
    .pic-cion1 {
        top: calc(37% - 41px);
        right: calc(-21% - 14px);
    }
    .pic-cion4 {
        top: calc(73% - 12px);
        right: calc(-17% - 21px);
    }
    .pic-cion5 {
        top: calc(82% - 11px);
        right: calc(2% - 25px);
    }
    .wrapper .about-w .row.right .col {
        height: 330px;
    }
}


/*联系我们 end*/

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .wrapper .index-w .index-slides .swiper-slide .slide .text-box .text01 {
        font-size: 66px;
        line-height: 66px;
    }
    .wrapper .index-w .index-slides .swiper-slide .slide .text-box .text02 {
        font-size: 120px;
        line-height: 120px;
        margin-top: 10px;
    }
    .wrapper {
        min-width: auto;
        width: 100%;
    }
    .wrapper .about-w .row.right .col {
        height: 330px;
    }
    .header.header1.header_fixed .menu ul li a {
        display: block;
        float: left;
        padding-left: 0px;
        padding-top: 0px;
        color: #7a7a7a;
        font-size: 13px;
        font-weight: normal;
        letter-spacing: 1px;
    }
    .header.header1.header_fixed .menu {
        margin-left: 30px;
        float: right;
        transition: all 1s;
    }
    .wrapper .scroll-more {
        bottom: 20px;
    }
    .wrapper .scroll-more img {
        width: 15px;
        margin-bottom: 10px;
    }
    .wrapper .scroll-more .hint {
        font-size: 10px;
        line-height: 14px;
    }
    .wrapper .top-b .info {
        top: 160px;
    }
    .wrapper .top-b .info .tt {
        font-size: 38px;
        line-height: 45px;
        font-weight: bold;
    }
    .wrapper .top-b .info .filter {
        margin: 10px 0;
    }
    .wrapper .top-b .info .filter span {
        width: 16px;
        border-bottom: 2px #fff solid;
        height: 2px;
        display: inline-block;
    }
    .contact_us .wrap .wrap_box .contact_left .contact_left_r .con_r_img_box {
        /*display: none;*/
    }
    .wrapper .top-b .info .stt {
        font-size: 21px;
        line-height: 30px;
    }
    .wrapper .news {
        width: 310px;
        height: 420px;
        float: left;
        margin: 0 28px;
        overflow: hidden;
        background-color: #fff;
        cursor: pointer;
        cursor: pointer;
        transition: all 0.6s;
    }
    .wrapper .news .front {
        width: 100%;
        height: 100%;
    }
    .wrapper .news .front .news-img {
        width: 100%;
        height: 210px;
        position: relative;
    }
    .wrapper .news .front .intro {
        position: relative;
        padding: 30px 30px 0;
        height: 210px;
    }
    .wrapper .news .front .intro .tt {
        font-size: 16px;
        line-height: 25px;
        font-weight: bold;
    }
    .wrapper .news .front .intro .itt {
        font-size: 14px;
        line-height: 23px;
        margin-top: 10px;
        color: rgba(0, 0, 0, 0.5);
    }
    .wrapper .news .front .intro .datetime {
        position: absolute;
        bottom: 30px;
        left: 30px;
        font-weight: bold;
        font-size: 12px;
    }
    .wrapper .news .back {
        width: 100%;
        height: 100%;
        padding: 30px 30px 0;
        position: relative;
        background-color: #0101ff;
        color: #fff;
        display: none;
    }
    .wrapper .news .back .slide {
        z-index: 0;
    }
    .wrapper .news .back .tt {
        font-size: 28px;
        line-height: 30px;
        position: relative;
    }
    .wrapper .news .back .tt span {
        width: 12px;
        margin-left: 6px;
        border-bottom: 2px #fff solid;
        display: inline-block;
    }
    .wrapper .news .back .itt {
        font-size: 14px;
        line-height: 21px;
        margin-top: 20px;
        position: relative;
    }
    .wrapper .news .back .data {
        position: relative;
    }
    .wrapper .news .back .data p {
        margin-top: 16px;
        font-size: 12px;
    }
    .wrapper .news .back .data p img {
        width: 14px;
        margin-right: 20px;
        vertical-align: middle;
        margin-top: -3px;
    }
    .wrapper .news .back .more {
        position: absolute;
        bottom: 30px;
        left: 30px;
    }
    .wrapper .news .back .more a {
        display: inline-block;
        text-align: center;
        width: 90px;
        height: 36px;
        line-height: 36px;
        -webkit-border-radius: 19px;
        -moz-border-radius: 19px;
        border-radius: 19px;
        font-size: 12px;
        color: rgba(0, 0, 0, 0.5);
        background-color: #fff;
        margin-top: 26px;
        cursor: pointer;
    }
    .wrapper .navs {
        height: 70px;
    }
    .wrapper .navs .wrap {
        padding: 20px;
    }
    .wrapper .r-navs {
        width: 72px;
    }
    .wrapper .r-navs .logo {
        height: 124px;
    }
    .wrapper .r-navs .logo img {
        width: 24px;
        margin-top: 26px;
    }
    .wrapper .r-navs .signup {
        height: 176px;
    }
    .wrapper .r-navs .signup .col {
        height: 44px;
        line-height: 44px;
        font-size: 14px;
    }
    .wrapper .index-w .index-slides {
        height: 460px;
    }
    .wrapper .index-w .index-slides .swiper-pagination {
        bottom: 20px;
        /*padding-left: 13%;*/
    }
    .wrapper .index-w .index-b-01 .res-c .res {
        padding: 100px 0;
    }
    .wrapper .index-w .index-b-02 .info {
        margin-left: calc(50% + 60px);
        top: 60px;
    }
    .wrapper .index-w .index-b-02 .info .tt {
        font-size: 24px;
        line-height: 24px;
    }
    .wrapper .index-w .index-b-02 .info .stt {
        margin: 15px 0 25px;
        font-size: 16px;
        line-height: 22px;
    }
    .wrapper .index-w .index-b-02 .info .info-row {
        width: 440px;
    }
    .wrapper .index-w .index-b-02 .info .info-row .col {
        width: 220px;
        margin-bottom: 25px;
        float: left;
    }
    .wrapper .index-w .index-b-02 .info .info-row .col .ctt {
        font-size: 20px;
        line-height: 24px;
        font-weight: bold;
    }
    .wrapper .index-w .index-b-02 .info .info-row .col .cvv {
        font-size: 12px;
        line-height: 18px;
    }
    .wrapper .index-w .index-b-03 .col {
        padding: 100px 0;
    }
    .wrapper .index-w .index-b-03 .col .num {
        font-size: 130px;
        top: 108px;
    }
    .wrapper .index-w .index-b-03 .col .tt {
        font-size: 40px;
        font-weight: 600;
    }
    .wrapper .index-w .index-b-03 .col .intro {
        font-size: 12px;
        line-height: 18px;
    }
    .wrapper .index-w .index-b-03 .col .btn-b {
        margin-top: 40px;
    }
    .wrapper .index-w .index-b-04 .tech-slides .swiper-slide .info {
        left: 120px;
        top: 40px;
    }
    .wrapper .index-w .index-b-04 .tech-slides .swiper-slide .info .tt {
        font-size: 24px;
        line-height: 24px;
    }
    .wrapper .index-w .index-b-04 .tech-slides .swiper-slide .info .stt {
        margin: 15px 0 25px;
        font-size: 16px;
        line-height: 22px;
    }
    .wrapper .index-w .index-b-04 .tech-slides .swiper-slide .info .t-name {
        font-size: 12px;
        line-height: 21px;
    }
    .wrapper .index-w .index-b-04 .tech-slides .swiper-slide .info .t-intro {
        font-size: 12px;
        line-height: 16px;
    }
    .wrapper .index-w .index-b-04 .tech-slides .swiper-slide .info .filter {
        margin: 20px 0 24px;
    }
    .wrapper .index-w .index-b-04 .tech-slides .swiper-slide .info .t-horse {
        width: 36px;
    }
    .wrapper .index-w .index-b-04 .tech-slides .swiper-slide .info .cpright {
        font-size: 10px;
    }
    .wrapper .index-w .index-b-06 .info {
        margin-left: calc(50% + 60px);
        top: 60px;
    }
    .wrapper .index-w .index-b-06 .info .tt {
        font-size: 24px;
        line-height: 24px;
    }
    .wrapper .index-w .index-b-06 .info .stt {
        margin: 15px 0 5px;
        font-size: 16px;
        line-height: 22px;
    }
    .wrapper .index-w .index-b-06 .info .filter {
        margin: 0 0 12px;
    }
    .wrapper .index-w .index-b-06 .info .htt {
        font-size: 12px;
        line-height: 18px;
    }
    .wrapper .index-w .index-b-06 .info .op-b {
        margin-top: 26px;
    }
    .wrapper .index-w .index-b-06 .info .op-b .btn {
        height: 32px;
        width: 160px;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px;
        line-height: 32px;
        padding-left: 23px;
        font-size: 12px;
    }
    .wrapper .index-w .index-b-06 .info .op-b .btn img {
        width: 18px;
        margin-right: 6px;
        vertical-align: sub;
    }
    .wrapper .index-w .index-b-06 .info .op-b .hint {
        margin-top: 0;
        font-size: 10px;
        line-height: 16px;
    }
    .wrapper .index-w .index-b-07 .wrap {
        min-width: 100%;
        padding: 60px 0;
    }
    .wrapper .index-w .index-b-07 .wrap .col {
        width: 150px;
    }
    .wrapper .index-w .index-b-07 .wrap .col .tt {
        font-size: 19px;
    }
    .wrapper .index-w .index-b-07 .wrap .col .stt {
        font-size: 12px;
        margin-top: 6px;
    }
    .wrapper .index-w .index-b-08 .info {
        margin-left: calc(50% + 60px);
        top: 60px;
    }
    .wrapper .index-w .index-b-08 .info .tt {
        font-size: 24px;
        line-height: 24px;
    }
    .wrapper .index-w .index-b-08 .info .stt {
        margin: 15px 0 10px;
        font-size: 16px;
        line-height: 22px;
    }
    .wrapper .index-w .index-b-08 .info .filter {
        margin: 0 0 12px;
    }
    .wrapper .index-w .index-b-08 .info .htt {
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 10px;
    }
    .wrapper .index-w .index-b-08 .info .vest {
        height: 28px;
        margin-top: 20px;
    }
    .wrapper .index-w .index-b-08 .cpright {
        bottom: 20px;
        margin-left: calc(50% + 60px);
        font-size: 10px;
    }
    .wrapper .index-w .index-b-09 .wrap {
        min-width: 100%;
        padding: 60px 0;
        margin-top: 40px;
    }
    .wrapper .index-w .index-b-09 .wrap .col {
        width: 20%;
    }
    .wrapper .index-w .index-b-09 .wrap .col .tt {
        font-size: 19px;
    }
    .wrapper .index-w .index-b-09 .wrap .col .stt {
        font-size: 12px;
        margin-top: 6px;
    }
    .wrapper .about-w .row .col {
        position: relative;
    }
    .wrapper .about-w .row .col.info .tt {
        font-size: 32px;
        line-height: 36px;
    }
    .wrapper .about-w .row .col.info .stt {
        font-size: 18px;
        line-height: 26px;
    }
    .wrapper .about-w .row .col.info .intro {
        font-size: 12px;
        line-height: 20px;
    }
    .wrapper .about-w .row.left .col {
        padding-left: 80px;
        width: 50%;
    }
    .wrapper .about-w .row.right .col {
        padding-left: 50%;
        padding-right: 20px;
    }
    .wrapper .about-w .about-b-01 .row {
        height: 800px;
    }
    .wrapper .about-w .about-b-01 .row .col {
        /*padding-right: 20px;*/
    }
    .wrapper .about-w .about-b-01 .row .col.logo img {
        margin-top: 0;
    }
    .wrapper .about-w .about-b-01 .row .col.logo .num {
        top: 86px;
    }
    .wrapper .about-w .about-b-01 .row .col.info {
        padding-top: 0;
    }
    .wrapper .about-w .about-b-01 .row .col.info .tt {
        font-size: 32px;
        line-height: 36px;
    }
    .wrapper .about-w .about-b-01 .row .col.info .stt {
        font-size: 18px;
        line-height: 26px;
    }
    .wrapper .about-w .about-b-01 .row .col.info .intro {
        font-size: 12px;
        line-height: 20px;
    }
    .wrapper .about-w .about-b-05 .b-btn-more {
        display: none;
    }
    .wrapper .about-w .about-b-06 {
        position: relative;
        height: 800px;
    }
    .wrapper .about-w .about-b-06 .row .col.info {
        width: 45%;
        padding-left: 60px;
        padding-top: 0;
    }
    .wrapper .about-w .about-b-06 .row .col.info .tt {
        font-size: 32px;
        line-height: 36px;
    }
    .wrapper .about-w .about-b-06 .row .col.info .stt {
        font-size: 18px;
        line-height: 26px;
    }
    .wrapper .about-w .about-b-06 .row .col.map {
        padding-top: 0;
    }
    .wrapper .recruit-w .navs .wrap {
        min-width: 100%;
    }
    .wrapper .recruit-w .top-b .info {
        top: 230px;
    }
    .wrapper .recruit-w .top-b:nth-child(1) .info {
        top: 160px;
    }
    .wrapper .recruit-w .recruit-b-01 .schs {
        margin-top: 100px;
    }
    .wrapper .recruit-w .recruit-b-01 .schs .sch {
        width: 33%;
    }
    .wrapper .recruit-w .recruit-b-01 .op-b {
        margin-top: 100px;
    }
    .wrapper .recruit-w .recruit-b-05 .b05-item .qaa {
        margin: 60px auto 0;
        width: 100%;
        padding: 0 20px;
    }
    .wrapper .teach-w .navs .wrap {
        min-width: 100%;
    }
    .wrapper .teach-w .teacher-b .info {
        left: 120px;
        top: 40px;
    }
    .wrapper .teach-w .teacher-b .info .tt {
        font-size: 32px;
        line-height: 30px;
    }
    .wrapper .teach-w .teacher-b .info .stt {
        margin: 10px 0 15px;
        font-size: 18px;
        line-height: 24px;
    }
    .wrapper .teach-w .teacher-b .info .filter {
        margin: 10px 0 16px;
    }
    .wrapper .teach-w .teacher-b .info .t-horse {
        width: 40px;
    }
    .wrapper .teach-w .teacher-b .info .cpright {
        font-size: 10px;
    }
    .wrapper .teach-w .teachers {
        padding: 40px 0 80px;
    }
    .wrapper .teach-w .teachers .teachs-c {
        width: 100%;
        margin: 40px auto 0;
    }
    .wrapper .teach-w .teachers .teachs-c .teach {
        width: 25%;
    }
    .wrapper .teach-w .teachers .teachs-c .teach .hov-info {
        width: 100%;
    }
    .wrapper .teach-w .teachers .teachs-c .teach:nth-child(4n) .hov-info {
        left: auto;
        right: 0;
    }
    .wrapper .teach-w .teachers .teachs-c .teach:nth-child(5n) .hov-info {
        left: 0;
        right: auto;
    }
    .wrapper .teach-w .works-w {
        padding: 60px 20px 0;
    }
    .wrapper .teach-w .works-w .works {
        width: 100%;
    }
    .wrapper .teach-w .works-w .works .work {
        width: calc(33% - 20px);
        margin-right: 30px;
        margin-bottom: 30px;
    }
    .wrapper .teach-w .works-w .works .work:nth-child(3n) {
        margin-right: 0 !important;
    }
    .wrapper .teach-w .works-w .works .work:nth-child(4n) {
        margin-right: 30px;
    }
    .wrapper .teach-w .publish-w .publishes {
        width: 100%;
        padding: 0 20px;
    }
    .wrapper .teach-w .publish-w .publishes .publish {
        width: calc(33% - 20px);
        height: 420px;
        margin-right: 30px;
        margin-bottom: 30px;
    }
    .wrapper .teach-w .publish-w .publishes .publish:nth-child(3n) {
        margin-right: 0 !important;
    }
    .wrapper .teach-w .publish-w .publishes .publish:nth-child(4n) {
        margin-right: 30px;
    }
    .wrapper .news-w .navs .wrap {
        min-width: 100%;
    }
    .wrapper .news-w .news-c {
        padding: 60px 20px 0;
    }
    .wrapper .news-w .news-c .news-list {
        width: 100%;
    }
    .wrapper .news-w .news-c .news-list .news {
        margin: 0 30px 30px 0;
        width: calc(33% - 20px);
        height: 420px;
    }
    .wrapper .news-w .news-c .news-list .news:nth-child(2n) {
        margin-right: 0 !important;
    }
    .wrapper .news-w .news-c .news-list .news:nth-child(4n) {
        margin-right: 30px;
    }
    .wrapper .news-w .news-detail {
        margin-top: 124px;
    }
    .wrapper .news-w .news-detail .tt {
        /*height: 72px;*/
        /*line-height: 72px;*/
    }
    .wrapper .news-w .news-detail .tt .detail-close {
        width: 72px;
        height: 72px;
        line-height: 72px;
    }
    .wrapper .public-w .navs .wrap {
        min-width: 100%;
    }
    .wrapper .public-w .public-c .res-c {
        width: 100%;
        padding: 0 20px;
    }
    .wrapper .public-w .public-c .res-c .res {
        width: calc(33% - 20px);
        margin-right: 30px;
        margin-bottom: 30px;
    }
    .wrapper .public-w .public-c .res-c .res:nth-child(3n) {
        margin-right: 0 !important;
    }
    .wrapper .public-w .public-c .res-c .res:nth-child(4n) {
        margin-right: 30px;
    }
    .wrapper .sch-w .navs .wrap {
        min-width: 100%;
    }
    .wrapper .sch-w .top-b .row .col {
        width: 35%;
        margin-left: 58%;
        padding-top: 140px;
    }
    .wrapper .sch-w .top-b .row .col .tt {
        font-size: 32px;
        line-height: 36px;
    }
    .wrapper .sch-w .top-b .row .col .stt {
        font-size: 18px;
        line-height: 22px;
    }
    .wrapper .sch-w .top-b .row .col .sch-selector {
        margin: 10px 0 0;
        height: 36px;
        width: 260px;
        -webkit-border-radius: 18px;
        -moz-border-radius: 18px;
        border-radius: 18px;
        line-height: 36px;
        padding-left: 18px;
    }
    .wrapper .sch-w .top-b .row .col .sch-selector img {
        right: 16px;
        top: 11px;
    }
    .wrapper .sch-w .top-b .row .col .sch-selector .options {
        top: 50px;
        width: 260px;
    }
    .wrapper .sch-w .top-b .row .col .sch-selector .options .option {
        height: 36px;
        padding-left: 18px;
    }
    .wrapper .sch-w .top-b .row .col .intro {
        font-size: 12px;
        line-height: 18px;
    }
    .wrapper .sch-w .top-b .row .col .intro .addr {
        font-size: 12px;
        line-height: 18px;
        margin: 10px 0;
    }
    .wrapper .sch-w .sch-tabs {
        padding: 50px 20px;
    }
    .wrapper .sch-w .sch-tabs .sch-intro {
        width: 100%;
    }
    .wrapper .sch-w .sch-tabs .sch-intro .tt {
        font-size: 32px;
        line-height: 38px;
    }
    .wrapper .sch-w .sch-tabs .sch-pics {
        width: 100%;
    }
    .wrapper .sch-w .sch-tabs .sch-pics .sch-pic {
        width: calc(33% - 20px);
        margin-right: 30px;
        margin-bottom: 30px;
    }
    .wrapper .sch-w .sch-tabs .sch-pics .sch-pic:nth-child(2n) {
        margin-right: 0 !important;
    }
    .wrapper .sch-w .sch-tabs .sch-pics .sch-pic:nth-child(4n) {
        margin-right: 30px;
    }
    .wrapper .union-w .navs .wrap {
        min-width: 100%;
    }
    .wrapper .union-w .row .col.info {
        padding-top: 20px;
    }
    .wrapper .union-w .row .col.info .tt {
        font-size: 28px;
        line-height: 28px;
    }
    .wrapper .union-w .row .col.info .stt {
        font-size: 18px;
        line-height: 24px;
    }
    .wrapper .union-w .row .col.info .intro {
        font-size: 13px;
        line-height: 20px;
    }
    .wrapper .union-w .row.left .col {
        padding-top: 70px;
        padding-left: 80px;
    }
    .wrapper .union-w .un-b-01 .row .col.info {
        padding-top: 160px;
        padding-right: 20px;
    }
    /*选择课程top*/
    .wrapper .navs_index .wrap {
        swidth: 100%;
        height: 195px;
        box-sizing: border-box;
        white-space: nowrap;
        text-align: center;
        display: flex;
        align-items: center;
        margin-top: 5px;
    }
    .wrapper .navs_index .wrap .n-item {
        width: 20%;
        display: inline-block;
        height: 195px;
        /*padding: 40px 20px;*/
        box-sizing: border-box;
        font-size: 12px;
        cursor: pointer;
        background-color: #e6e6e6;
        color: #000000;
        margin-right: 3px;
        position: relative;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    .wrapper .navs_index .wrap .n-item .index-05-text1 {
        font-size: 20px;
        padding: 15px 0px 10px;
    }
    .wrapper .navs_index .wrap .n-item .index-05-text1 {
        font-size: 17px;
    }
    .wrapper .navs_index .wrap .n-item .index-05-text2 {
        font-size: 14px;
    }
    .wrapper .navs_index .wrap .n-item.active,
    .wrapper .navs_index .wrap .n-item:hover {
        /*background-image: url("../images/img-05-bg.png");*/
        color: #ffffff;
    }
    .wrapper .navs_index .wrap .n-item .img-05-1 {
        /*position: absolute;*/
        /*top: 30px;*/
        /*left: 45%;*/
    }
    .wrapper .navs_index .wrap .n-item .img_active {
        display: none;
    }
    .wrapper .index-b-09 .wrap .col .img2 {
        display: none;
    }
    .wrapper .index-b-09 .wrap .col {
        position: relative;
    }
    /*.wrapper .index-b-09 .wrap .col img {*/
    /*position: absolute;*/
    /*top: -76px;*/
    /*}*/
    /*.wrapper .index-b-09 .wrap .col .horse1 {*/
    /*position: absolute;*/
    /*left: 55px;*/
    /*}*/
    /*.wrapper .index-b-09 .wrap .col .horse2 {*/
    /*position: absolute;*/
    /*left: 66px;*/
    /*}*/
    /*.wrapper .index-b-09 .wrap .col .horse3 {*/
    /*position: absolute;*/
    /*left: 59px;*/
    /*}*/
    /*.wrapper .index-b-09 .wrap .col .horse4 {*/
    /*position: absolute;*/
    /*left: 19px;*/
    /*}*/
    /*.wrapper .index-b-09 .wrap .col .horse5 {*/
    /*position: absolute;*/
    /*left: 46px;*/
    /*}*/
    .wrapper .index-b-09 .wrap .col {
        width: 20%;
    }
    /*联系我们 top*/
    .contact_us {
        width: 100%;
        padding: 100px 0px 110px;
        background-color: #F7F7F7;
    }
    .contact_us .wrap {
        min-width: 1024px;
        margin: 0 auto;
    }
    .contact_us .wrap .wrap_box {
        width: 100%;
    }
    .contact_us .wrap .wrap_box .contact_left {
        width: 30%;
        float: left;
        padding-left: 7%;
    }
    .contact_us .wrap .wrap_box .contact_left .con_left_l {
        width: 100%;
        float: left;
        margin-bottom: 60px;
    }
    .contact_us .wrap .wrap_box .contact_left .contact_left_r {
        width: 30%;
        float: left;
    }
    .contact_us .wrap .wrap_box .contact_left .con_left_l .con_title_tel {
        font-size: 24px;
    }
    .contact_us .wrap .wrap_box .contact_left .con_left_l .con_text {
        display: inline-block;
        margin-top: 30px;
        margin-bottom: 20px;
        vertical-align: top;
    }
    .contact_us .wrap .wrap_box .contact_left .con_left_l .con_text span {
        display: inline-block;
        vertical-align: top;
    }
    .contact_us .wrap .wrap_box .contact_left .con_left_l .con_text .con_address {
        width: 150px;
    }
    .contact_us .wrap .wrap_box .contact_right {
        width: 35%;
        float: left;
        text-align: left;
        /*margin-left: 13%;*/
    }
    .contact_us .wrap .wrap_box .contact_left #map_box {
        height: 239px;
    }
    .contact_us .wrap .wrap_box .contact_right .con_right_l_box {
        width: 100%;
    }
    .contact_us .wrap .wrap_box .contact_right {
        font-size: 16px;
        text-align: left;
    }
    .contact_us .wrap .wrap_box .contact_right .con_right_l_box>div {
        display: inline-block;
    }
    .contact_us .wrap .wrap_box .contact_right .con_right_l {
        width: 40%;
        margin-right: 30px;
        float: right;
        padding-bottom: 15px;
    }
    .contact_us .wrap .wrap_box .contact_right .con_right1 {
        float: right;
        width: 100%;
        text-align: left;
        padding-left: 5%;
    }
    .contact_us .wrap .wrap_box .contact_right .con_right_l input {
        border: none;
        width: 100%;
        background-color: #ffffff;
        height: 45px;
        outline: none;
        padding-left: 10px;
    }
    .contact_us .wrap .wrap_box .contact_left .contact_left_r .con_r_img_box img {
        /*padding: 15px;*/
        /*background-color: #dbdbdb;*/
    }
    .wrap_box .contact_left .con_left_l .tel_dtl span {
        font-weight: bolder;
    }
    .contact_us .wrap .wrap_box .contact_right .con_right1 textarea {
        border: none;
        width: 94.5%;
        background-color: #ffffff;
        height: 165px;
        margin-top: 15px;
        margin-bottom: 20px;
        resize: none;
        outline: none;
        padding: 10px;
    }
    .contact_us .wrap .wrap_box .contact_right .tijiao_btn {
        width: 150px;
        height: 40px;
        line-height: 40px;
        margin-left: 10%;
        border: none;
        background-color: #fed130;
        font-size: 20px;
        color: #010100;
    }
    /*联系我们 end*/
    /*交互图片效果 top*/
    .wrapper .index-w .index-b-02 {
        position: relative;
        width: 100%;
        height: 536px;
        background-color: #1557a1;
    }
    .index_b_04_eq0 {
        width: 100%;
        height: 950px;
        background: #0101ff !important;
        position: relative;
    }
    .wrapper .index-w .index-b-06 {
        position: relative;
        width: 100%;
        height: 536px;
        background-color: #fed130;
    }
    .wrapper .index-w .index-b-02 .left_fadeIn_img {
        position: absolute;
        left: 0px;
        top: 40px;
        width: 43%;
    }
    .wrapper .index-w .index-b-06 .left_fadeIn_img1 {
        position: absolute;
        left: 44px;
        top: unset;
        bottom: 0;
        width: 38%;
    }
    .wrapper .index-w .index-b-08 .left_fadeIn_img1 {
        position: absolute;
        left: 21px;
        top: 0px;
        height: 100%;
    }
    .wrapper .index-w .index-b-08 {
        position: relative;
        width: 100%;
        height: 536px;
        background-color: #0101ff;
    }
    .wrapper .index-w .index-b-08 .info {
        position: absolute;
        margin-left: calc(38% + 80px);
        top: 85px;
    }
    .wrapper .index-w .index-b-02 .info {
        position: absolute;
        margin-left: calc(38% + 80px);
        top: 85px;
    }
    /*交互秃瓢效果 end*/
    /*** header top 1024***/
    .header {
        width: 100%;
        position: absolute;
        top: 50px;
        left: 0%;
        z-index: 99999;
    }
    .header_fixed {
        position: fixed;
        width: 100%;
        top: 0;
    }
    /*.container{*/
    /*width: 1100px;*/
    /*}*/
    .header_fixed1 {
        position: absolute;
        width: 0;
        height: 70px;
        background: #fff;
        left: 50%;
        top: 0;
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
        box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .1);
    }
    .header_fixed2 {
        position: absolute;
        width: 0;
        height: 70px;
        background: #fff;
        right: 50%;
        top: 0;
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
        box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .1);
    }
    .sskuang {
        position: fixed;
        width: 100%;
        height: 90px;
        background: #EAEAEA;
        left: -100%;
        top: 70px;
        z-index: 99;
        transition: all 1s;
        -moz-transition: all 1s;
        -ms-transition: all 1s;
        -o-transition: all 1s;
        -webkit-transition: all 1s;
    }
    .ssb {
        margin: 15% auto 0 auto;
        display: none;
    }
    .ss_text_a {
        margin: 10px auto 0 auto;
        position: relative;
        width: 500px;
    }
    .ss_text {
        border: none;
        border-bottom: 1px #666 solid;
        background: none;
        color: #666;
        font-size: 14px;
        letter-spacing: 1px;
        padding: 0 50px 0 10px;
        display: block;
        line-height: 50px;
        width: 500px;
    }
    .close {
        position: absolute;
        right: 30px;
        top: 30px;
    }
    .yjt {
        position: absolute;
        right: 0;
        top: 20px;
    }
    .headerdw {
        background: #fff;
        position: fixed;
        top: 0;
        -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
        box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .1);
    }
    ul li {
        list-style: none;
    }
    .headerbg {
        height: 70px;
        margin: 0 auto;
        padding-right: 0px;
        position: relative;
        transition: all 1s;
        -moz-transition: all 1s;
        -ms-transition: all 1s;
        -o-transition: all 1s;
        -webkit-transition: all 1s;
    }
    .header_box1 {
        border-radius: 4px 6px 6px 4px;
    }
    .header.header1.header_fixed .header_box {
        width: 100% !important;
        -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
        box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .1);
    }
    .header.header1.header_fixed .container.headerbg {
        width: 100%;
        padding: 0;
    }
    .wrapper .topbar .menu .m-ctl {
        width: 16px;
        height: 64px;
        cursor: pointer;
        margin-right: 18px;
        display: none;
    }
    .header_box {
        display: inline-block;
        width: auto;
        padding: 0 !important;
        background: #fff;
        transition: all 0.5s;
        background-image: linear-gradient(to right, rgba(255, 255, 255, .98) 0, rgba(255, 255, 255, .95) 100%);
        -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1);
        box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1);
    }
    .header.header1.header_fixed .logo {
        margin-left: 0;
    }
    .header.header1.header_fixed .logo img {
        width: 92px;
        margin-left: 30px;
        vertical-align: middle;
        margin-top: 18px;
    }
    .header.header1.header_fixed .ss {
        padding-right: 0;
    }
    .header_fixed_a {
        text-align: center;
    }
    .headerbg .logo {
        float: left;
        margin-top: 4px;
        margin-bottom: 0px;
        margin-left: 35px;
        transition: all 1s;
        -moz-transition: all 1s;
        -ms-transition: all 1s;
        -o-transition: all 1s;
        -webkit-transition: all 1s;
    }
    .headerbg .logo img {
        width: 92px;
        margin-top: 0px;
        vertical-align: -webkit-baseline-middle;
    }
    .menu {
        float: left;
        margin-left: 20px;
    }
    .menu ul {
        margin-bottom: 0;
    }
    .menu ul li {
        float: left;
        line-height: 70px;
        position: relative;
    }
    .menu ul li a {
        position: relative;
        display: block;
        float: left;
        padding-left: 0px;
        padding-top: 0px;
        color: #7a7a7a;
        font-size: 13px;
        font-weight: normal;
        letter-spacing: 1px;
    }
    .menu ul li a strong {
        height: 26px;
        padding-right: 15px;
        font-weight: normal;
    }
    .menu ul li a strong span {
        padding-right: 12px;
        background: url('../images/nav_arrow.gif') no-repeat right 5px;
        line-height: 70px;
    }
    .menu ul li a strong span:hover {
        color: #0101ff;
    }
    .headerright {
        float: right;
        margin-top: 25px;
        margin-right: 30px;
        display: inline-block;
    }
    .headerright .headerrighttb {
        width: 40px;
        margin: 0 10px;
        color: #333;
        font-size: 14px;
        line-height: 12px;
        border-radius: 50%;
    }
    .headerright .headerrighttb i {
        margin-top: 25px;
    }
    .headerright .headerrighttb i:hover {
        color: #0101ff;
    }
    .headerright .headerrighttb img {
        vertical-align: middle
    }
    .headerright .headerrighttb img {
        vertical-align: middle;
        padding-bottom: 5px;
        padding-right: 5px;
    }
    .headerright .link {
        padding: 0 16px;
        height: 50px;
        border-top-right-radius: 4px;
        font-size: 14px;
        transition: all 1s;
        -moz-transition: all 1s;
        -ms-transition: all 1s;
        -o-transition: all 1s;
        -webkit-transition: all 1s;
        border-bottom-right-radius: 4px;
        display: inline-block;
        line-height: 50px;
        color: #333;
    }
    .ss {
        padding-right: 100px;
        transition: all 1s;
        -moz-transition: all 1s;
        -ms-transition: all 1s;
        -o-transition: all 1s;
        -webkit-transition: all 1s;
        cursor: pointer;
    }
    .headerfk {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 10px;
        height: 10px;
        background: #000;
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px;
    }
    .headerfk1 {
        position: absolute;
        top: 0px;
        right: 0px;
        width: 10px;
        height: 10px;
        background: #000;
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px;
    }
    .navigation-up .navigation-v3 {
        float: right;
        position: relative;
        width: 790px;
    }
    .navigation-up .navigation-v3 ul {
        float: left;
    }
    .navigation-up .navigation-v3 li {
        float: left;
        color: #fff;
        width: 100px;
        text-align: center;
        height: 88px;
        line-height: 88px;
    }
    .navigation-up .navigation-v3 li h2 {
        font-weight: normal;
        padding: 0;
        margin: 0;
        width: 100px;
    }
    .navigation-up .navigation-v3 li h2 a {
        width: 100px;
        color: #000;
        display: inline-block;
        font-size: 14px;
        font-weight: bold;
    }
    .navigation-down {
        position: absolute;
        top: 80px;
        left: 0%;
        width: 100%;
        z-index: 9999;
    }
    .navigation-down .nav-down-menu {
        width: 100%;
        margin: 0;
        position: absolute;
        top: 0px;
        left: 0px;
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    }
    .navigation-down-inner {
        margin: auto;
        width: 100%;
        position: relative;
        height: auto;
        background-color: rgba(255, 255, 255, 1);
        z-index: 999;
        border-radius: 4px 6px 6px 4px;
    }
    .navigation-down .nav-down-menu dl {
        float: left;
        margin: 18px 80px 18px 0
    }
    .menuxl {
        position: relative;
    }
    .menuxl ul {
        text-align: center;
        margin: 0;
    }
    .menuxl ul li {
        display: inline-block;
        text-align: center;
    }
    .menuxl ul li a {
        color: #666;
        display: block;
        font-size: 13px;
        border-right: 1px solid #ccc;
        padding-right: 25px;
        padding-left: 25px;
        line-height: 30px;
        margin: 15px 0;
    }
    #nav_xlcd3 .menuxl ul li a {
        padding-right: 15px;
        padding-left: 15px;
    }
    .menuxl ul li a:hover {
        color: #0101ff;
    }
    .indexpro {
        text-align: center;
        padding-top: 30px;
        padding-bottom: 30px;
        font-size: 12px;
    }
    .indexpro img {
        width: 100%;
        height: auto;
        display: block;
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .indexpro p {
        margin-top: 10px;
    }
    .indexpro:hover img {
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        transform: translate(0, -10px);
        -webkit-transform: translate(0, -10px);
        -moz-transform: translate(0, -10px);
        -o-transform: translate(0, -10px);
        -ms-transform: translate(0, -10px);
    }
    .indexpro:hover p {
        color: #0101ff;
    }
    .indexservice {
        width: 130px;
        margin: 0 auto;
    }
    .indexservice {
        text-align: center;
        padding-top: 50px;
        padding-bottom: 80px;
        font-size: 16px
    }
    .indexservice a {
        color: #333;
        line-height: 30px;
        float: left;
        transition: all 0s linear;
        -webkit-transition: all 0s linear;
        -moz-transition: all 0s linear;
        -ms-transition: all 0s linear;
        -o-transition: all 0s linear;
    }
    .indexservice i {
        margin-right: 15px;
        font-size: 36px;
        color: #82d968;
        line-height: 30px;
        float: left;
    }
    .indexservice a:hover {
        color: #01a03e;
        margin-top: -10px;
        transition: all 0s linear;
        -webkit-transition: all 0s linear;
        -moz-transition: all 0s linear;
        -ms-transition: all 0s linear;
        -o-transition: all 0s linear;
    }
    /*** header ******header 1024*******/
    /*画室成绩 轮播1024top*/
    .grade_box {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .grade_title {
        padding-top: 60px;
        margin-left: 10%;
    }
    .grade_title .swiper-container {}
    .grade_img {
        width: 100%;
        height: 364px;
        position: relative;
    }
    .changji_img_box {
        width: 66%;
        position: absolute;
        right: 0;
        height: 364px;
    }
    .changji_img_box img {
        width: 100%;
        height: 100%;
        z-index: 10;
    }
    /*.grade_img .school_name{*/
    /*border: 1px solid red;*/
    /*}*/
    /*.grade_img .school_name ul li{*/
    /*float: left;*/
    /*list-style: none;*/
    /*}*/
    .grade_title p:first-child {
        color: #222222;
        font-size: 30px;
    }
    .grade_title p:last-child {
        color: #444444;
        font-size: 23px;
        padding-top: 8px;
    }
    .swiper-slide .s_title {
        margin-top: 120px;
        color: #ffffff;
        /*color: transparent;*/
        /*-webkit-text-stroke: 1px #ffffff;*/
    }
    .swiper-slide .s_title span {
        font-size: 22px;
    }
    .swiper_title .swiper-slide .logo1 {
        height: 35px;
        margin-top: 10px;
        margin-left: 40px;
    }
    .grade_img .swiper_title .swiper-slide {
        margin-top: -15px;
    }
    .swiper-slide .s_title b {
        display: inline-block;
        margin-right: 10px;
        vertical-align: top;
    }
    .swiper-slide .blue_line {
        width: 35px;
        height: 3px;
        background: #0101ff;
        margin-top: 35px;
    }
    .swiper-slide .grade_info {
        width: 45%;
        margin-top: 15px;
        margin-bottom: 15px;
        text-align: left;
        font-size: 14px;
    }
    /*.swiper_title .swiper-slide{*/
    /*margin-right: 30px!important;*/
    /*}*/
    .swiper-slide ul li {
        text-align: left;
        line-height: 25px;
        font-size: 14px;
    }
    .swiper-slide ul li img {
        padding-bottom: 1px;
        padding-right: 5px;
    }
    /*.grade_img .swiper-button-next{*/
    /*right: 0px!important;*/
    /*!*margin-right: -19px!important;*!*/
    /*}*/
    /*.grade_img .swiper-button-prev{*/
    /*left: 39% !important;*/
    /*margin-left: -44px!important;*/
    /*}*/
    .grade_img .swiper-button-next,
    .grade_img .swiper-button-prev {
        position: absolute !important;
        top: 50% !important;
        width: 60px !important;
        height: 60px !important;
        margin-top: -20px !important;
        z-index: 10 !important;
        cursor: pointer !important;
        background-size: 60px 60px !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        z-index: 100 !important;
    }
    .grade_img .swiper-pagination-bullet-active {
        opacity: 1;
        background: transparent !important;
        font-size: 30px !important;
        color: #ffffff !important;
    }
    .grade_img .swiper-pagination {
        position: absolute !important;
        bottom: 170px !important;
        left: 191px !important;
        width: 200px !important;
    }
    .grade_img .swiper-pagination-bullet {}
    .active {
        color: #0101ff;
    }
    .grade_img {
        position: relative;
    }
    .grade_img .swiper_title .swiper-slide .s_title {
        vertical-align: top;
    }
    .grade_img .swiper_title {
        height: 200px !important;
        position: absolute;
        top: -80px !important;
    }
    .grade_img .swiper_title .swiper-slide {
        /*width: 400px!important;*/
    }
    .grade_img .swiper_title .swiper-slide-active .s_title {
        margin-right: 135px !important;
        color: #000000;
        width: 100%;
        text-align: left;
    }
    .grade_img .swiper_content {
        width: 270px !important;
        overflow: hidden !important;
        position: absolute;
        top: 85px !important;
    }
    .grade_img .swiper-container {
        margin-left: 10% !important;
    }
    .grade_img .swiper_content .grade_info {
        line-height: 30px;
    }
    /*新增登录页nav top*/
    .header_fixed-login {
        position: fixed;
        width: 100%;
        top: 0;
        transition: all 1s;
    }
    .header.header1.header_fixed-login .header_box {
        width: 100% !important;
        -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
        box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .1);
        transition: all 1s;
    }
    .header.header1.header_fixed-login .container.headerbg {
        width: 95%;
        padding: 0;
        justify-content: space-between;
        display: flex;
        transition: all 1s;
    }
    .header.header1.header_fixed-login .menu ul li a {
        osition: relative;
        display: block;
        float: left;
        padding-left: 0px;
        padding-top: 0px;
        color: #7a7a7a;
        font-size: 14px;
        font-weight: normal;
        letter-spacing: 1px;
    }
    .header.header1.header_fixed-login .logo {
        margin-left: 0px;
        float: left;
        transition: all 1s;
        margin-top: 4px;
    }
    .header.header1.header_fixed-login .menu {
        /*margin-right: 0;*/
        margin-left: 10px;
        float: right;
        transition: all 1s;
    }
    .header.header1.header_fixed-login .ss {
        padding-right: 0;
    }
    /*收藏公开课 top*/
    .wrapper .personal-box .wenda-content,
    .wrapper .personal-box .collect-content {
        width: 100%;
    }
    .wrapper .collect-content .res-d {
        position: relative;
        width: 100%;
        margin: 60px auto 0;
    }
    .wrapper .collect-content .res-d .res {
        position: relative;
        width: 30%;
        height: 320px;
        float: left;
        margin-right: 25px;
        margin-bottom: 30px;
        background-color: #fff;
    }
    .wrapper .collect-content .res-d .res .info {
        position: absolute;
        left: 20px;
        bottom: 13px;
        line-height: 16px;
        color: red;
        text-align: left;
    }
    .wrapper .collect-content .res-d .res .info .name {
        color: #333333;
        font-size: 16px;
        margin-bottom: 10px;
    }
    .wrapper .collect-content .res-d .res .info .year {
        color: #bfbfbf;
        font-size: 14px;
    }
    .wrapper .collect-content .res-d .res .pot {
        width: 30px;
        height: 27px;
        background-size: 30px 27px;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url("../images/light-star.png");
        right: 20px;
        bottom: 20px;
        position: absolute;
    }
    .wrapper .collect-content .res-d .res .res-d-text {
        color: #ffffff;
        font-size: 14px;
        left: -16px;
        bottom: calc(71% - 50px);
        position: absolute;
        transform: rotate(-90deg);
        font-weight: bold;
    }
    .wrapper .collect-content .res-d .res:nth-child(3n) {
        margin-right: 0;
    }
    .wrapper .collect-content .res-d .res .res-d-cover {
        width: 100%;
        height: 250px;
    }
    .video_cover {
        position: fixed;
        left: 0;
        bottom: 0;
        top: 0;
        right: 0;
        background-color: rgba(0, 0, 0, .8);
        z-index: 100000;
        display: none;
    }
    .wrapper .collect-content .res-d .res .btn-play-img {
        width: 60px;
        height: 60px;
        position: absolute;
        top: calc(37% - 30px);
        left: calc(48% - 30px);
    }
    .closeIcon {
        position: absolute;
        top: 20px;
        right: 20px;
        z-index: 100002;
    }
    .video-js.vjs-16-9 {
        padding-top: 54.8% !important;
    }
    /*收藏公开课 end*/
    /*收藏作品top*/
    .wrapper .collect-content .works {
        position: relative;
        width: 100%;
        margin: 0 auto;
    }
    .wrapper .collect-content .works .work {
        position: relative;
        width: 22.5%;
        height: 420px;
        float: left;
        overflow: hidden;
        margin-right: 20px;
        margin-bottom: 30px;
        cursor: pointer;
        transition: all 0.6s;
    }
    .wrapper .collect-content .works .work:nth-child(4n) {
        margin-right: 0px;
    }
    .wrapper .collect-content .works .work:hover {
        transition: all 1s;
        box-shadow: 3px 4px 5px 1px rgba(0, 0, 0, .3), -3px 0px 5px 1px rgba(0, 0, 0, .1);
    }
    .wrapper .collect-content .works .work:hover a {
        transform: scale(1.05);
        -moz-transform: scale(1.05);
        -webkit-transform: scale(1.05);
        transition: all 1s;
    }
    .wrapper .collect-content .works .work .info {
        position: absolute;
        left: 20px;
        bottom: 20px;
        font-size: 12px;
        line-height: 16px;
        font-weight: bold;
        color: #fff;
    }
    .wrapper .collect-content .works .work .w-pot {
        width: 30px;
        height: 27px;
        background-size: 30px 27px;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url("../images/light-star.png");
        right: 20px;
        top: 20px;
        position: absolute;
    }
    /*收藏作品 end*/
    /*收藏新闻 top*/
    .wrapper .collect-content .news-list {
        position: relative;
        width: 100%;
        margin: 0 auto;
    }
    .wrapper .collect-content .news-list .news {
        margin: 0 20px 30px 0;
    }
    .wrapper .collect-content .news-list .news:nth-child(4n) {
        margin-right: 0;
    }
    .wrapper .collect-content .news {
        width: 23%;
        height: 420px;
        float: left;
        margin: 0 28px;
        overflow: hidden;
        cursor: pointer;
        transition: all 0.6s;
    }
    .wrapper .collect-content .news .front {
        width: 100%;
        height: 100%;
        box-shadow: 10px 2px 5px 0px rgba(2, 46, 22, 0.58);
        background-color: #fff;
        cursor: pointer;
    }
    .wrapper .collect-content .news:hover {
        color: #0101ff;
        transition: ease-in-out 0.5s;
        box-shadow: 3px 4px 4px 1px rgba(211, 212, 212, .3), -3px 0px 4px 1px rgba(211, 212, 212, .3);
    }
    .wrapper .collect-content .news:hover .news-img a {
        transform: scale(1.1);
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transition: ease-in-out 0.5s;
    }
    .wrapper .collect-content .news .front .news-img {
        width: 100%;
        height: 210px;
        position: relative;
        overflow: hidden;
        transition: ease-in-out 0.5s;
    }
    .wrapper .collect-content .news .front .intro {
        position: relative;
        padding: 30px 30px 0;
        height: 210px;
    }
    .wrapper .collect-content .news .front .intro .w-pot {
        width: 30px;
        height: 27px;
        background-size: 30px 27px;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url("../images/light-star.png");
        right: 20px;
        bottom: 20px;
        position: absolute;
    }
    .wrapper .collect-content .news .front .intro .tt {
        font-size: 16px;
        line-height: 25px;
        font-weight: bold;
    }
    .wrapper .collect-content .news .front .intro .itt {
        font-size: 14px;
        line-height: 23px;
        margin-top: 10px;
        color: rgba(0, 0, 0, 0.5);
    }
    .wrapper .collect-content .news .front .intro .datetime {
        position: absolute;
        bottom: 30px;
        left: 30px;
        font-weight: bold;
        font-size: 12px;
    }
    .img-icon {
        position: absolute;
    }
    .img-icon img {
        width: 18%;
    }
    .pic-cion1 {
        top: calc(37% - 41px);
        right: calc(-8% - 14px);
    }
    .pic-cion2 {
        top: calc(65% - 23px);
        right: calc(-5% - 21px);
    }
    .pic-cion3 {
        top: calc(72% - 22px);
        right: calc(1% - 25px);
    }
    .pic-cion4 {
        top: calc(73% - 12px);
        right: calc(-4% - 21px);
    }
    /*收藏新闻 end*/
    /*成绩轮播 end 1024 */
    .wrapper .index-w .grade_img .swiper-button-next:after {
        position: absolute;
        top: 13px;
    }
    .wrapper .index-w .grade_img .swiper-button-prev:after {
        position: absolute;
        top: 13px;
        left: 8px;
    }
}

@media screen and (max-width: 769px) and (min-width: 500px) {
    .wrapper .index-w .index-slides .swiper-slide .slide .text-box {
        left: 12%;
    }
    .wrapper .index-w .index-slides .swiper-slide .slide .text-box .text01 {
        font-size: 54px;
        line-height: 54px;
    }
    .wrapper .index-w .index-slides .swiper-slide .slide .text-box .text02 {
        font-size: 80px;
        line-height: 80px;
        margin-top: 10px;
    }
    .wrapper .about-w .row.right .col {
        height: 1000px;
    }
    .wrapper .bg-img {
        height: 100%;
    }
    .postition-3 {
        left: 80%;
        top: 63%;
    }
    .postition-jinhua {
        left: 77%;
        top: 81%;
    }
    .postition-dg {
        left: 69.5%;
        top: 89%;
    }
    .postition-4 {
        left: 58%;
        top: 88%
    }
    .postition-7 {
        left: 77.5%;
        top: 85%;
    }
    .postition-5 {
        left: 72%;
        top: 84%;
    }
    .postition-9 {
        left: 79%;
        top: 79%;
    }
    .moblieMargin {
        display: block;
    }
    .datepicker-container {
        width: 210px !important;
    }
    .datepicker-panel>ul {
        padding: 0 !important;
    }
    .shadow .qrcode {
        margin: 200px auto 0;
    }
    .shadow .content {
        width: 200px;
        height: 80px;
        margin: 200px auto 0;
        padding-top: 22px;
    }
    .shadow .content .l1 {
        font-size: 10px;
    }
    .shadow .content .l2 {
        font-size: 14px;
        margin-top: 4px;
    }
    /*p {*/
    /*font-size: 10px;*/
    /*}*/
    .display-pc {
        display: none;
    }
    .display-600 {
        display: block;
    }
    .not-display-600 {
        display: none;
    }
    .wrapper {
        min-width: auto;
        width: 100%;
    }
    .wrapper .topbar .menu {
        margin: 20px 0 0 20px;
        min-width: 20px;
    }
    .wrapper .m_nav_box {
        display: block;
    }
    .wrapper .topbar .menu .m-ctl {
        width: 30px;
        height: 64px;
        cursor: pointer;
        margin-right: 18px;
        display: block;
        background-color: #fff;
        border-radius: 3px;
    }
    .wrapper .topbar .menu .m-ctl .b-menu {
        height: 12px;
        background-color: #0101ff;
        paddingleft: 10px;
        left: 9px;
        top: 7px;
        width: 2px;
    }
    .wrapper .topbar .menu .m-ctl .b-menu .b-bun {
        width: 1px;
        height: 12px;
    }
    .wrapper .topbar .menu .m-ctl .b-menu .b-bun--top {
        left: 6px;
        background-color: #0101ff;
        width: 2px;
    }
    .wrapper .topbar .menu .m-ctl .b-menu .b-bun--bottom {
        left: 10px;
        background-color: #0101ff;
        width: 2px;
    }
    .wrapper .topbar .menu .m-ctl .vv {
        font-size: 14px;
        margin-top: 24px;
        color: #0101ff;
        padding-left: 5px;
    }
    .wrapper .topbar .menu.open .m-ctl {
        display: none;
    }
    .wrapper .m-menu-list {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        z-index: 101;
        display: none;
    }
    .wrapper .m-menu-list .nav_colse {
        position: fixed;
        right: 0;
        top: 0;
    }
    .wrapper .m-menu-list .col {
        width: 11.1111111111%;
        height: 100%;
        float: left;
        border-right: 1px #ddd solid;
        writing-mode: vertical-lr;
        display: flex;
        align-items: center;
    }
    .wrapper .m-menu-list .col .tt {
        font-size: 16px;
        text-align: left;
        color: #000;
        padding: 18px 0 0 0;
        float: left;
        height: 100px;
    }
    .wrapper .m-menu-list .col .sub-items {
        margin-top: 0;
        padding: 0 11px;
    }
    .wrapper .m-menu-list .col .sub-items .svv {
        font-size: 13px;
        color: rgba(0, 0, 0, 0.5);
        display: inline-block;
        height: 100px;
    }
    .wrapper .m-menu-list .col .sub-items .svv:hover,
    .wrapper .m-menu-list .col .sub-items .svv:visited {
        color: rgba(0, 0, 0, 0.5);
    }
    .wrapper .m-menu-list .col:first-child {
        background-color: #21242E;
        padding-top: 18px;
    }
    .wrapper .m-menu-list .col:first-child .b-menu {
        display: inline-block;
        padding-left: 0;
        padding-top: 0;
        position: relative;
        user-select: none;
        height: 12px;
        float: left;
    }
    .wrapper .m-menu-list .col:first-child .b-menu .b-bun {
        background-color: #fff;
        position: relative;
        width: 1px;
        height: 12px;
        float: left;
    }
    .wrapper .m-menu-list .col:first-child .b-menu .b-bun--top {
        left: 1px;
        transform: rotate(25deg);
    }
    .wrapper .m-menu-list .col:first-child .b-menu .b-bun--bottom {
        left: 0px;
        transform: rotate(-25deg);
    }
    .wrapper .m-menu-list .col:first-child .tt {
        padding-top: 10px;
        color: #fff;
    }
    .wrapper .m-menu-list .col:last-child {
        border-right: none;
    }
    .wrapper .r-navs {
        display: block;
    }
    .wrapper .r-navs .logo {
        height: 135px;
    }
    .wrapper .r-navs .logo img {
        width: 30px;
        margin-top: 22px;
    }
    .wrapper .r-navs .signup {
        display: none;
        height: 200px;
    }
    .wrapper .r-navs .signup .col {
        height: 50px;
        line-height: 50px;
        font-size: 14px;
    }
    .wrapper .scroll-more {
        bottom: 20px;
    }
    .wrapper .scroll-more img {
        width: 24px;
        margin-bottom: 6px;
    }
    .wrapper .scroll-more .hint {
        font-size: 11px;
        line-height: 15px;
    }
    .wrapper .know-more .btn-more {
        height: 24px;
        line-height: 24px;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
        font-size: 8px;
        margin-top: 32px;
        padding: 0 12px;
    }
    .wrapper .navs {
        height: 62px;
    }
    .wrapper .navs .wrap {
        width: 100%;
        min-width: 0;
        padding: 20px 20px;
    }
    .wrapper .navs .wrap .n-item {
        margin-right: 4px;
        height: 26px;
        padding: 0 12px;
        color: rgba(0, 0, 0, 0.5);
        font-size: 10px;
        line-height: 26px;
        -webkit-border-radius: 13px;
        -moz-border-radius: 13px;
        border-radius: 13px;
    }
    .wrapper .news {
        width: 294px;
        height: 400px;
        margin: 0 28px;
    }
    .wrapper .news .front .news-img {
        height: 200px;
    }
    .wrapper .news .front .intro {
        padding: 20px 20px 0;
        height: 200px;
    }
    .wrapper .news .front .intro .tt {
        font-size: 16px;
        line-height: 22px;
    }
    .wrapper .news .front .intro .itt {
        font-size: 12px;
        line-height: 16px;
        margin-top: 10px;
    }
    .wrapper .news .front .intro .datetime {
        bottom: 20px;
        left: 20px;
        font-size: 10px;
    }
    .wrapper .news .back {
        padding: 20px 20px 0;
    }
    .wrapper .news .back .tt {
        font-size: 16px;
        line-height: 22px;
    }
    .wrapper .news .back .itt {
        font-size: 10px;
        line-height: 16px;
        margin-top: 8px;
    }
    .wrapper .news .back .data p {
        margin-top: 9px;
        font-size: 9px;
    }
    .wrapper .news .back .data p img {
        width: 10px;
        margin-right: 10px;
        vertical-align: sub;
    }
    .wrapper .news .back .more {
        bottom: 20px;
        left: 20px;
    }
    .wrapper .news .back .more a {
        width: 60px;
        height: 24px;
        line-height: 24px;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
        font-size: 8px;
        margin-top: 26px;
    }
    .wrapper .footer .products {
        padding: 20px 0;
        border-bottom: 1px rgba(0, 0, 0, 0.05) solid;
    }
    .wrapper .footer .products .row .col {
        width: 80px;
    }
    .wrapper .footer .products .row .col img {
        height: 28px;
        margin-bottom: 4px;
    }
    .wrapper .footer .products .row .col p {
        font-size: 10px;
        line-height: 20px;
    }
    .wrapper .footer .contact {
        padding: 20px 0 20px;
    }
    .wrapper .footer .contact .hint {
        font-size: 9px;
        line-height: 12px;
    }
    .wrapper .footer .contact .hint .fa {
        margin-right: 3px;
    }
    .wrapper .footer .contact .phone {
        font-size: 15px;
        line-height: 26px;
    }
    .wrapper .footer .contact .addr {
        font-size: 8px;
        line-height: 12px;
    }
    .wrapper .top-b {
        height: 1024px;
        overflow: hidden;
    }
    .wrapper .top-b .info {
        top: 360px;
    }
    .wrapper .top-b .info .tt {
        font-size: 34px;
        line-height: 38px;
    }
    .wrapper .top-b .info .filter {
        margin: 14px 0;
    }
    .wrapper .top-b .info .filter span {
        width: 12px;
    }
    .wrapper .top-b .info .stt {
        font-size: 20px;
        line-height: 34px;
    }
    .wrapper .index-w .mCSB_scrollTools.mCSB_scrollTools_horizontal {
        width: 90% !important;
        margin: auto;
    }
    .wrapper .index-w .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-color: #000 !important;
    }
    .wrapper .index-w .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        height: 2px !important;
        margin: 7px auto !important;
    }
    .wrapper .index-w .mCSB_scrollTools .mCSB_draggerRail {
        background-color: #ddd;
    }
    .wrapper .index-w .mCSB_horizontal.mCSB_inside>.mCSB_container {
        margin-bottom: 10px;
    }
    .wrapper .index-w .index-slides {
        height: 960px;
    }
    .wrapper .index-w .index-slides .swiper-pagination {
        bottom: 20px;
        /*padding-left: 13%;*/
    }
    .wrapper .index-w .index-slides .swiper-pagination .swiper-pagination-bullet {
        height: 10px;
        margin: 0 2px;
    }
    .wrapper .index-w .index-slides .swiper-pagination .swiper-pagination-bullet-active {
        height: 22px;
        width: 7px;
    }
    .wrapper .index-w .index-slides .swiper-button-next1 img {
        width: 60%;
    }
    .wrapper .index-w .index-slides .swiper-button-prev1 img {
        width: 60%;
    }
    .wrapper .index-w .index-slides .swiper-slide .info {
        top: 146px;
    }
    .wrapper .index-w .index-slides .swiper-slide .info img {
        width: 130px;
    }
    .wrapper .index-w .index-b-01 .navs {
        overflow-x: scroll;
    }
    .wrapper .index-w .index-b-01 .navs .wrap {
        text-align: left;
    }
    .wrapper .index-w .index-b-01 .res-c .res {
        padding: 20px 0 40px;
    }
    .wrapper .index-w .index-b-01 .res-c .res .sch {
        font-size: 10px;
        line-height: 30px;
    }
    .wrapper .index-w .index-b-01 .res-c .res .tt {
        font-size: 18px;
        line-height: 24px;
    }
    .wrapper .index-w .index-b-01 .res-c .res .last-res {
        padding: 20px 0;
    }
    .wrapper .index-w .index-b-01 .res-c .res .last-res .rr {
        width: 320px;
    }
    .wrapper .index-w .index-b-01 .res-c .res .last-res .rr .rtt {
        font-size: 12px;
        line-height: 34px;
    }
    .wrapper .index-w .index-b-01 .res-c .res .last-res .rr .line {
        border-bottom: 1px #ddd solid;
    }
    .wrapper .index-w .index-b-01 .res-c .res .last-res .rr.active .line {
        border-bottom: 1px #0101ff solid;
    }
    .wrapper .index-w .index-b-01 .res-c .res .last-res .rr:nth-child(1) .line {
        width: 70% !important;
    }
    .wrapper .index-w .index-b-01 .res-c .res .last-res .rr:nth-child(2) .line {
        width: 90% !important;
    }
    .wrapper .index-w .index-b-01 .res-c .res .last-res .rr:nth-child(3) .line {
        width: 100% !important;
    }
    .wrapper .index-w .index-b-01 .res-c .res .sch-logo {
        margin-top: 0;
    }
    .wrapper .index-w .index-b-01 .res-c .res .sch-logo img {
        height: 16px;
    }
    .wrapper .index-w .index-b-01 .res-c .slideup {
        height: 50px;
    }
    .wrapper .index-w .index-b-01 .res-c .slideup .btn-slideup {
        width: 66px;
        height: 24px;
        line-height: 24px;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
        font-size: 8px;
        margin-top: 13px;
    }
    .wrapper .index-w .index-b-02 .info {
        margin-left: 0;
        top: 120px;
        width: 100%;
        text-align: center;
    }
    .wrapper .index-w .index-b-02 .info .tt {
        font-size: 22px;
        line-height: 22px;
    }
    .wrapper .index-w .index-b-02 .info .stt {
        margin: 10px 0 30px;
        font-size: 18px;
        line-height: 24px;
    }
    .wrapper .index-w .index-b-02 .info .info-row {
        width: 100%;
    }
    .wrapper .index-w .index-b-02 .info .info-row .col {
        width: 50%;
        margin-bottom: 24px;
    }
    .wrapper .index-w .index-b-02 .info .info-row .col .ctt {
        font-size: 18px;
        line-height: 20px;
    }
    .wrapper .index-w .index-b-02 .info .info-row .col .filter {
        margin: 0 0 8px;
    }
    .wrapper .index-w .index-b-02 .info .info-row .col .filter span {
        display: inline-block;
        width: 12px;
        border-bottom: 2px #000 solid;
    }
    .wrapper .index-w .index-b-02 .info .info-row .col .cvv {
        font-size: 12px;
        line-height: 16px;
    }
    .wrapper .index-w .index-b-03 .col {
        padding: 70px 0;
    }
    .wrapper .index-w .index-b-03 .col .num {
        font-size: 100px;
        top: 57px;
        letter-spacing: -2px;
    }
    .wrapper .index-w .index-b-03 .col .tt {
        font-size: 24px;
        margin: 0 auto 16px;
        font-weight: 600;
    }
    .wrapper .index-w .index-b-03 .col .intro {
        font-size: 12px;
        line-height: 16px;
    }
    .wrapper .index-w .index-b-03 .col .btn-b {
        margin-top: 0;
    }
    .wrapper .index-w .index-b-03 .col .btn-b .btn-more {
        width: 72px;
        height: 28px;
        line-height: 28px;
        -webkit-border-radius: 14px;
        -moz-border-radius: 14px;
        border-radius: 14px;
        font-size: 10px;
        margin-top: 20px;
    }
    .wrapper .index-w .index-b-04 .tech-slides .swiper-slide .info {
        left: 0px;
        top: 120px;
        width: 100%;
        text-align: center;
    }
    .wrapper .index-w .index-b-04 .tech-slides .swiper-slide .info .tt {
        font-size: 28px;
        line-height: 28px;
    }
    .wrapper .index-w .index-b-04 .tech-slides .swiper-slide .info .stt {
        margin: 20px 0 40px;
        font-size: 22px;
        line-height: 28px;
    }
    .wrapper .index-w .index-b-04 .tech-slides .swiper-slide .info .t-name {
        font-size: 16px;
        line-height: 16px;
    }
    .wrapper .index-w .index-b-04 .tech-slides .swiper-slide .info .t-intro {
        font-size: 14px;
        line-height: 20px;
    }
    .wrapper .index-w .index-b-04 .tech-slides .swiper-slide .info .filter {
        margin: 4px 0 10px;
    }
    .wrapper .index-w .index-b-04 .tech-slides .swiper-slide .info .filter span {
        width: 10px;
    }
    .wrapper .index-w .index-b-04 .tech-slides .swiper-slide .info .cpright {
        position: absolute;
        width: 100%;
        text-align: center;
        margin-top: 0;
        font-size: 8px;
        line-height: 18px;
        bottom: -335px;
    }
    .wrapper .index-w .index-b-04 .tech-slides .swiper-button-prev,
    .wrapper .index-w .index-b-04 .tech-slides .swiper-button-next {
        width: 44px;
        height: 44px;
        line-height: 46px;
        font-size: 19px;
    }
    .wrapper .index-w .index-b-04 .tech-slides .swiper-button-prev {
        left: 0;
    }
    .wrapper .index-w .index-b-04 .tech-slides .swiper-button-prev:after {
        display: inline-block;
        text-align: right;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f053";
        -webkit-text-stroke: 3px #fff;
    }
    .wrapper .index-w .index-b-04 .tech-slides .swiper-button-next {
        right: 0;
    }
    .wrapper .index-w .index-b-04 .tech-slides .swiper-button-next:after {
        display: inline-block;
        text-align: right;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f054";
        -webkit-text-stroke: 3px #fff;
    }
    .wrapper .index-w .index-b-05 .news-c {
        padding: 35px 0;
    }
    .wrapper .index-w .index-b-06 .info .tt {
        font-size: 22px;
        line-height: 22px;
    }
    .wrapper .index-w .index-b-06 .info .stt {
        margin: 10px 0 20px;
        font-size: 20px;
        line-height: 30px;
    }
    .wrapper .index-w .index-b-06 .info .filter {
        margin: 4px 0 10px;
    }
    .wrapper .index-w .index-b-06 .info .filter span {
        width: 10px;
    }
    .wrapper .index-w .index-b-06 .info .htt {
        font-size: 12px;
        line-height: 18px;
    }
    .wrapper .index-w .index-b-06 .info .op-b {
        width: 380px;
        margin: 20px auto 0;
    }
    .wrapper .index-w .index-b-06 .info .op-b p {
        margin-bottom: 20px;
        float: left;
    }
    .wrapper .index-w .index-b-06 .info .op-b p:first-child {
        margin-right: 20px;
    }
    .wrapper .index-w .index-b-06 .info .op-b .btn {
        height: 40px;
        width: 180px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        line-height: 40px;
        padding-left: 0;
        font-size: 12px;
    }
    .wrapper .index-w .index-b-06 .info .op-b .btn img {
        width: 18px;
        margin-right: 6px;
    }
    .wrapper .index-w .index-b-06 .info .op-b .hint {
        width: 100%;
        margin-top: 0;
        font-size: 10px;
        line-height: 10px;
        text-align: center;
        color: rgba(0, 0, 0, 0.5);
    }
    .wrapper .index-w .index-b-07 {
        overflow-x: scroll;
        padding-bottom: 20px;
    }
    .wrapper .index-w .index-b-07 .wrap {
        min-width: 540px;
        width: 100%;
        padding: 40px 0 20px;
    }
    .wrapper .index-w .index-b-07 .wrap .col {
        width: 17%;
    }
    .wrapper .index-w .index-b-07 .wrap .col .box {
        width: 64px;
        height: 64px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        padding-top: 15px;
    }
    .wrapper .index-w .index-b-07 .wrap .col .box p {
        font-size: 8px;
        line-height: 13px;
    }
    .wrapper .index-w .index-b-07 .wrap .col .box img {
        height: 8px;
        margin-top: 0px;
    }
    .wrapper .index-w .index-b-07 .wrap .col .tt {
        font-size: 15px;
        line-height: 15px;
        margin-top: 20px;
    }
    .wrapper .index-w .index-b-07 .wrap .col .stt {
        font-size: 10px;
        line-height: 15px;
        margin-top: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .wrapper .index-w .index-b-08 .info {
        margin-left: 0;
        top: 100px;
        width: 100%;
        text-align: center;
    }
    .wrapper .index-w .index-b-08 .info .tt {
        font-size: 22px;
        line-height: 22px;
    }
    .wrapper .index-w .index-b-08 .info .stt {
        margin: 10px 0 10px;
        font-size: 18px;
        line-height: 20px;
    }
    .wrapper .index-w .index-b-08 .info .filter {
        margin: 4px 0 10px;
    }
    .wrapper .index-w .index-b-08 .info .filter span {
        width: 10px;
    }
    .wrapper .index-w .index-b-08 .info .htt {
        font-size: 14px;
        line-height: 18px;
    }
    .wrapper .index-w .index-b-08 .info .vest {
        height: 88px;
    }
    .wrapper .index-w .index-b-08 .cpright {
        font-size: 8px;
        line-height: 18px;
        bottom: 10px;
        margin-left: auto;
        width: 100%;
        text-align: center;
    }
    .wrapper .index-w .index-b-09 {
        overflow-x: scroll;
    }
    .wrapper .index-w .index-b-09 .wrap {
        min-width: 620px;
        width: 100%;
        padding: 40px 0;
        margin-top: 50px;
    }
    .wrapper .index-w .index-b-09 .wrap .col {
        width: 20%;
    }
    .wrapper .index-w .index-b-09 .wrap .col img {
        height: 45px;
    }
    .wrapper .index-w .index-b-09 .wrap .col .tt {
        font-size: 12px;
        line-height: 15px;
        margin-top: 20px;
    }
    .wrapper .index-w .index-b-09 .wrap .col .stt {
        font-size: 11px;
        line-height: 20px;
        margin-top: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .wrapper .index-w .index-b-09 .wrap .col:nth-child(4) img {
        height: 45px;
    }
    .wrapper .index-w .index-b-09 .wrap .col:nth-child(3) img {
        height: 56px;
    }
    .wrapper .index-w .index-b-09 .wrap .col:nth-child(1) img {
        height: 46px;
    }
    .wrapper .about-w .about-ww .view-item img {
        width: calc(50% - 4px);
    }
    .wrapper .about-w .about-ww .view-item img:first-child {
        margin-right: 1px;
    }
    .wrapper .about-w .about-ww .view-item img:last-child {
        margin-left: 1px;
    }
    .wrapper .about-w .about-ww .swiper-button-prev,
    .wrapper .about-w .about-ww .swiper-button-next {
        width: 44px;
        height: 44px;
        line-height: 46px;
        font-size: 19px;
    }
    .wrapper .about-w .b-btn-more {
        bottom: 30px;
    }
    .wrapper .about-w .b-btn-more .btn-more {
        height: 36px;
        line-height: 36px;
        -webkit-border-radius: 18px;
        -moz-border-radius: 18px;
        border-radius: 18px;
        font-size: 12px;
        padding: 0 24px;
    }
    .wrapper .about-w .row {
        display: block;
    }
    .wrapper .about-w .row .col {
        width: 100%;
        float: none;
        position: relative;
        text-align: center;
    }
    .wrapper .about-w .about-b-01 .row .col.logo {
        text-align: center;
        margin-top: 65px;
    }
    .wrapper .about-w .row .col.info {
        padding-top: 100px;
    }
    .wrapper .about-w .about-b-02 .row .col.info {
        width: 100%;
    }
    .wrapper .about-w .about-b-04 .row .col.info {
        width: 100%;
    }
    .wrapper .about-w .row .col.info .tt {
        font-size: 24px;
        line-height: 32px;
    }
    .wrapper .about-w .row .col.info .stt {
        font-size: 18px;
        line-height: 30px;
    }
    .wrapper .about-w .row .col.info .intro {
        font-size: 14px;
        line-height: 26px;
    }
    .wrapper .about-w .row .col.info .filter {
        margin: 0 0 6px;
    }
    .wrapper .about-w .row .col.info .filter span {
        width: 10px;
        border-bottom: 1px #000 solid;
    }
    .wrapper .about-w .row.left .col {
        padding-left: 0;
    }
    .wrapper .about-w .row.right .col {
        padding-left: 0;
    }
    .wrapper .about-w .row.white .col {
        color: #fff;
    }
    .wrapper .about-w .row.white .col .intro {
        color: rgba(255, 255, 255, 0.6);
    }
    .wrapper .about-w .row.white .col .filter span {
        border-bottom: 2px #fff solid;
    }
    .wrapper .about-w .about-b-01 .row {
        height: auto;
        display: block;
    }
    .wrapper .about-w .about-b-01 .row .col {
        width: 100%;
        float: none;
    }
    .wrapper .about-w .about-b-01 .row .col.logo img {
        width: 72px;
        margin-top: 32px;
    }
    .wrapper .about-w .about-b-01 .row .col.logo .num {
        font-size: 100px;
        top: 80px;
        letter-spacing: -2px;
    }
    .wrapper .about-w .about-b-01 .row .col.info {
        text-align: center;
        padding-top: 210px;
        padding-bottom: 80px;
    }
    .wrapper .about-w .about-b-01 .row .col.info .tt {
        font-size: 24px;
        line-height: 32px;
    }
    .wrapper .about-w .about-b-01 .row .col.info .stt {
        font-size: 18px;
        line-height: 30px;
    }
    .wrapper .about-w .about-b-01 .row .col.info .intro {
        font-size: 14px;
        line-height: 26px;
    }
    .wrapper .about-w .about-b-01 .row .col.info .filter {
        margin: 0 0 6px;
    }
    .wrapper .about-w .about-b-01 .row .col.info .filter span {
        width: 10px;
        border-bottom: 1px #000 solid;
    }
    .wrapper .about-w .about-b-05 {
        position: relative;
    }
    .wrapper .about-w .about-b-05 .b-btn-more .btn-more {
        background-color: #fff;
    }
    .wrapper .about-w .about-b-06 {
        height: auto;
    }
    .wrapper .about-w .about-b-06 .row {
        position: relative;
    }
    .wrapper .about-w .about-b-06 .row .col {
        float: none;
    }
    .wrapper .about-w .about-b-06 .row .col.info {
        width: 100%;
        padding-left: 0;
        padding-top: 160px;
    }
    .wrapper .about-w .about-b-06 .row .col.info .tt {
        font-size: 24px;
        line-height: 32px;
    }
    .wrapper .about-w .about-b-06 .row .col.info .stt {
        font-size: 18px;
        line-height: 30px;
    }
    .wrapper .about-w .about-b-06 .row .col.info .intro {
        font-size: 14px;
        line-height: 18px;
    }
    .wrapper .about-w .about-b-06 .row .col.info .intro .cc {
        font-size: 11px;
        line-height: 16px;
    }
    .wrapper .about-w .about-b-06 .row .col.info .intro .addr {
        font-size: 13px;
    }
    .wrapper .about-w .about-b-06 .row .col.info .sch-selector {
        margin: 0 auto;
        height: 36px;
        width: 260px;
        -webkit-border-radius: 18px;
        -moz-border-radius: 18px;
        border-radius: 18px;
        line-height: 36px;
        padding-left: 22px;
        text-align: left;
        font-size: 11px;
    }
    .wrapper .about-w .about-b-06 .row .col.info .sch-selector img {
        position: absolute;
        right: 18px;
        height: 11px;
        top: 14px;
    }
    .wrapper .about-w .about-b-06 .row .col.info .sch-selector .options {
        top: 50px;
        width: 260px;
        font-size: 11px;
    }
    .wrapper .about-w .about-b-06 .row .col.info .sch-selector .options .option {
        height: 36px;
        padding-left: 22px;
    }
    .wrapper .about-w .about-b-06 .row .col.info .filter {
        margin: 4px 0 10px;
    }
    .wrapper .about-w .about-b-06 .row .col.info .filter span {
        width: 10px;
        border-bottom: 2px #000 solid;
    }
    .wrapper .about-w .about-b-06 .row .col.info .filter.slim {
        margin: 10px 0 10px;
    }
    .wrapper .about-w .about-b-06 .row .col.map {
        width: 100%;
        margin-top: 70px;
        padding-bottom: 80px;
        padding-left: 20px;
    }
    .wrapper .about-w .about-b-06 .row .col.map>img {
        width: 80%;
    }
    .wrapper .recruit-w .top-b .info {
        top: 563px;
    }
    .wrapper .recruit-w .top-b:first-child .info {
        top: 360px;
    }
    .wrapper .recruit-w .recruit-b-01 {
        padding-top: 80px;
    }
    .wrapper .recruit-w .recruit-b-01 .tt {
        font-size: 24px;
        line-height: 32px;
    }
    .wrapper .recruit-w .recruit-b-01 .stt {
        font-size: 18px;
        line-height: 30px;
    }
    .wrapper .recruit-w .recruit-b-01 .btn-recruit-2018 {
        height: 32px;
        line-height: 32px;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px;
        font-size: 12px;
        margin-top: 32px;
        padding: 0 24px;
    }
    .wrapper .recruit-w .recruit-b-01 .filter {
        margin: 0 0 10px;
    }
    .wrapper .recruit-w .recruit-b-01 .filter span {
        width: 10px;
    }
    .wrapper .recruit-w .recruit-b-01 .schs-resp {
        margin-top: 80px;
        overflow-x: scroll;
        position: relative;
        padding-bottom: 80px;
    }
    .wrapper .recruit-w .recruit-b-01 .schs-resp .swiper-pagination {
        bottom: 30px;
        width: 100%;
        padding: 0 20px;
        z-index: 7;
    }
    .wrapper .recruit-w .recruit-b-01 .schs-resp .swiper-pagination .swiper-pagination-bullet {
        height: 1px;
        width: 10%;
        background-color: #222;
        margin: 0;
        border-radius: 0;
    }
    .wrapper .recruit-w .recruit-b-01 .schs-resp .swiper-pagination .swiper-pagination-bullet-active {
        height: 2px;
        background-color: #0101ff;
    }
    .wrapper .recruit-w .recruit-b-01 .sch {
        width: 375px;
        border-right: none;
    }
    .wrapper .recruit-w .recruit-b-01 .sch .logo {
        height: 50px;
        margin-bottom: 15px;
    }
    .wrapper .recruit-w .recruit-b-01 .sch .sch-name {
        font-size: 19px;
        line-height: 26px;
    }
    .wrapper .recruit-w .recruit-b-01 .sch .intro {
        margin-top: 15px;
        font-size: 13px;
        line-height: 18px;
    }
    .wrapper .recruit-w .recruit-b-01 .sch .last-res .rr .rtt {
        line-height: 30px;
    }
    .wrapper .recruit-w .recruit-b-01 .sch .last-res .rr:nth-child(1) .line {
        width: 56% !important;
    }
    .wrapper .recruit-w .recruit-b-01 .sch .last-res .rr:nth-child(2) .line {
        width: 72% !important;
    }
    .wrapper .recruit-w .recruit-b-01 .sch .last-res .rr:nth-child(3) .line {
        width: 80% !important;
    }
    .wrapper .recruit-w .recruit-b-03 {
        position: relative;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item {
        /*height: 780px;*/
        padding-bottom: 85px;
        padding-top: 30px;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .tt {
        font-size: 20px;
        line-height: 26px;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .stt {
        font-size: 14px;
        line-height: 21px;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .filter {
        margin: 0 0 10px;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .filter span {
        width: 10px;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .qrcode-info {
        margin-top: 100px;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .qrcode-info .qrcode {
        height: 160px;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .qrcode-info .hint {
        font-size: 12px;
        line-height: 16px;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .select-icon {
        margin-top: 10px;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .select-icon span {
        width: 14px;
        height: 14px;
        font-size: 9px;
        line-height: 14px;
        -webkit-text-stroke: 1px #DEDEDE;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .role-selector {
        margin: 100px auto 0;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .role-selector .col {
        padding: 20px 0;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .role-selector .col .role {
        width: 86px;
        margin-bottom: 20px;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .role-selector .col .tt-en {
        font-size: 14px;
        line-height: 16px;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .role-selector .col .tt-zh {
        font-size: 11px;
        line-height: 20px;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .baoming-form {
        margin: 30px auto 0;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .baoming-form .form-control {
        margin: 12px 0;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .baoming-form .form-control input {
        width: 220px;
        height: 36px;
        -webkit-border-radius: 18px;
        -moz-border-radius: 18px;
        border-radius: 18px;
        font-size: 10px;
        line-height: 36px;
        padding: 0 18px;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .baoming-form .form-control select {
        width: 220px;
        height: 36px;
        -webkit-border-radius: 18px;
        -moz-border-radius: 18px;
        border-radius: 18px;
        font-size: 10px;
        line-height: 36px;
        padding: 0 18px;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .baoming-form .form-control .selector {
        width: 220px;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .baoming-form .form-control .selector .col {
        width: 110px;
        height: 36px;
        font-size: 10px;
        line-height: 36px;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .baoming-form .form-control .selector .col:first-child {
        border-top-left-radius: 18px;
        border-bottom-left-radius: 18px;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .baoming-form .form-control .selector .col:last-child {
        border-top-right-radius: 18px;
        border-bottom-right-radius: 18px;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .baoming-form .form-control .btn-submit {
        width: 220px;
        height: 36px;
        -webkit-border-radius: 18px;
        -moz-border-radius: 18px;
        border-radius: 18px;
        font-size: 10px;
        line-height: 36px;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .baoming-form .form-control .select-icon {
        margin-top: 12px;
        right: calc(50% - 136px);
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .baoming-form .form-control .icon-adown {
        left: calc(50% + 86px);
        top: 14px;
        height: 10px;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .baoming-form .form-control.filter .split {
        width: 220px;
        margin: 20px auto 0;
        padding-top: 20px;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .sch-addrs-slide {
        margin-top: 36px;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .sch-addrs-slide .addr-b {
        width: calc(100% - 40px);
        height: 340px;
        padding: 40px 130px;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .sch-addrs-slide .addr-b .top-icons img {
        width: 44px;
        margin: 0 10px;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .sch-addrs-slide .addr-b .info {
        line-height: 18px;
        margin-top: 30px;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .sch-addrs-slide .addr-b .info p {
        font-size: 12px;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .sch-addrs-slide .addr-b .info .ltt {
        width: 80px;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .sch-addrs-slide .addr-b .info .vv {
        margin-left: 10px;
        width: calc(100% - 90px);
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .sch-chooser {
        padding: 0 20px;
        width: 100%;
        margin: 20px auto 0;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .sch-chooser .col p {
        font-size: 12px;
        line-height: 18px;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .sch-chooser .col .cstt {
        margin: 8px 0;
    }
    .wrapper .recruit-w .recruit-b-05 .b05-item {
        height: auto;
        padding-top: 30px;
    }
    .wrapper .recruit-w .recruit-b-05 .b05-item .tt {
        font-size: 20px;
        line-height: 26px;
    }
    .wrapper .recruit-w .recruit-b-05 .b05-item .stt {
        font-size: 14px;
        line-height: 21px;
    }
    .wrapper .recruit-w .recruit-b-05 .b05-item .filter {
        margin: 0 0 10px;
    }
    .wrapper .recruit-w .recruit-b-05 .b05-item .filter span {
        width: 10px;
    }
    .wrapper .recruit-w .recruit-b-05 .b05-item .process-slide {
        margin-top: 36px;
    }
    .wrapper .recruit-w .recruit-b-05 .b05-item .process-slide .process-b {
        width: calc(100% - 40px);
        height: 280px;
        padding: 48px 0 0;
    }
    .wrapper .recruit-w .recruit-b-05 .b05-item .process-slide .process-b img {
        width: 50px;
    }
    .wrapper .recruit-w .recruit-b-05 .b05-item .process-slide .process-b .ptt {
        font-size: 14px;
        line-height: 20px;
        margin-top: 24px;
    }
    .wrapper .recruit-w .recruit-b-05 .b05-item .process-slide .process-b .pstt {
        font-size: 12px;
        line-height: 18px;
    }
    .wrapper .recruit-w .recruit-b-05 .b05-item .process-chooser {
        width: 100%;
        padding: 0 20px 40px;
        margin: 30px auto 0;
    }
    .wrapper .recruit-w .recruit-b-05 .b05-item .process-chooser .col .ctt {
        font-size: 22px;
        line-height: 22px;
    }
    .wrapper .recruit-w .recruit-b-05 .b05-item .process-chooser .col .cstt {
        font-size: 12px;
        line-height: 20px;
        padding: 8px 0;
    }
    .wrapper .recruit-w .recruit-b-05 .b05-item .process-chooser .col.active {
        border-bottom: 2px #000 solid;
    }
    .wrapper .recruit-w .recruit-b-05 .b05-item .qaa {
        margin: 20px auto 0;
        width: 100%;
        padding: 0 20px;
    }
    .wrapper .recruit-w .recruit-b-05 .b05-item .qaa .qa1 .qq {
        font-size: 12px;
        line-height: 22px;
    }
    .wrapper .recruit-w .recruit-b-05 .b05-item .qaa .qa1 .qq .seq {
        width: 20px;
        height: 20px;
        padding-right: 10px;
        display: inline-block;
        vertical-align: top;
        background-size: 20px 20px;
    }
    .wrapper .recruit-w .recruit-b-05 .b05-item .qaa .qa1 .qq .vv {
        display: inline-block;
        width: calc(100% - 30px);
    }
    .wrapper .recruit-w .recruit-b-05 .b05-item .qaa .qa1 .qq:after {
        line-height: 18px;
    }
    .wrapper .recruit-w .recruit-b-05 .b05-item .qaa .qa1 .aa {
        padding-left: 20px;
        font-size: 12px;
        line-height: 18px;
        margin-top: 4px;
        padding-bottom: 10px;
    }
    .wrapper .recruit-w .recruit-b-05 .b05-item .qaa .qa1.active {
        margin-bottom: 14px;
    }
    .wrapper .recruit-w .recruit-b-05 .b05-item .qaa .qa1.active .qq {
        font-weight: bold;
        color: #000;
    }
    .wrapper .recruit-w .recruit-b-05 .b05-item .qaa .qa1.active .qq:after {
        content: "\f067";
        color: #000;
    }
    .wrapper .teach-w .teacher-b .info {
        width: 100%;
        text-align: center;
        left: 0;
        top: 110px;
    }
    .wrapper .teach-w .teacher-b .info .tt {
        font-size: 24px;
        line-height: 28px;
    }
    .wrapper .teach-w .teacher-b .info .stt {
        font-size: 18px;
        line-height: 26px;
    }
    .wrapper .teach-w .teacher-b .info .t-name {
        font-size: 16px;
        line-height: 28px;
    }
    .wrapper .teach-w .teacher-b .info .t-intro {
        font-size: 14px;
        line-height: 20px;
    }
    .wrapper .teach-w .teacher-b .info .filter {
        margin: 0 0 4px;
    }
    .wrapper .teach-w .teacher-b .info .filter span {
        width: 10px;
    }
    .wrapper .teach-w .teacher-b .info .cpright {
        margin-top: 12px;
        font-size: 10px;
        line-height: 10px;
    }
    .wrapper .teach-w .teachers {
        padding: 40px 0 40px;
    }
    .wrapper .teach-w .teachers .tt {
        font-size: 15px;
        line-height: 15px;
    }
    .wrapper .teach-w .teachers .filter {
        margin: 6px 0 16px;
    }
    .wrapper .teach-w .teachers .filter span {
        width: 12px;
    }
    .wrapper .teach-w .teachers .teachs-c {
        width: 100%;
        margin: 28px 0 0;
        padding: 0 20px;
    }
    .wrapper .teach-w .teachers .teachs-c .teach {
        width: 50%;
        height: 460px;
    }
    .wrapper .teach-w .teachers .teachs-c .teach .info {
        line-height: 16px;
    }
    .wrapper .teach-w .teachers .teachs-c .teach .info p {
        font-size: 12px;
    }
    .wrapper .teach-w .teachers .teachs-c .teach .hov-info {
        width: 200%;
        height: 460px;
    }
    .wrapper .teach-w .teachers .teachs-c .teach .hov-info .col.col1 {
        padding-top: 150px;
    }
    .wrapper .teach-w .teachers .teachs-c .teach .hov-info .col.col1 .no {
        font-size: 20px;
        line-height: 20px;
    }
    .wrapper .teach-w .teachers .teachs-c .teach .hov-info .col.col1 .seq {
        font-size: 96px;
        font-weight: bold;
    }
    .wrapper .teach-w .teachers .teachs-c .teach .hov-info .col.col2 {
        padding: 80px 40px;
    }
    .wrapper .teach-w .teachers .teachs-c .teach .hov-info .col.col2 .name-en {
        font-size: 32px;
        line-height: 36px;
    }
    .wrapper .teach-w .teachers .teachs-c .teach .hov-info .col.col2 .intro {
        font-size: 16px;
        line-height: 22px;
    }
    .wrapper .teach-w .teachers .teachs-c .teach .hov-info .col.col2 .resume {
        font-size: 12px;
        line-height: 18px;
    }
    .wrapper .teach-w .teachers .teachs-c .teach .hov-info .col.col2 .filter {
        margin: 2px 0 8px;
    }
    .wrapper .teach-w .teachers .teachs-c .teach .hov-info .col.col2 .btn-more {
        left: 40px;
        bottom: 40px;
        height: 32px;
        line-height: 32px;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px;
        font-size: 11px;
        margin-top: 0;
        padding: 0 20px;
    }
    .wrapper .teach-w .teachers .teachs-c .teach:nth-child(2n) .hov-info {
        left: auto !important;
        right: 0 !important;
    }
    .wrapper .teach-w .teachers .teachs-c .teach:nth-child(5n) .hov-info {
        left: 0;
        right: auto;
    }
    .wrapper .teach-w .works-w {
        padding-top: 20px;
    }
    .wrapper .teach-w .works-w .works {
        width: 100%;
        padding: 0 10px;
    }
    .wrapper .teach-w .works-w .works .work {
        width: calc(50% - 20px);
        height: 420px;
        margin: 0 10px 20px;
    }
    .wrapper .teach-w .works-w .works .work .info {
        left: 20px;
        bottom: 20px;
        line-height: 16px;
    }
    .wrapper .teach-w .works-w .works .work .info p {
        font-size: 12px;
    }
    .wrapper .teach-w .works-w .works .work .back-info {
        padding: 20px 15px;
    }
    .wrapper .teach-w .works-w .works .work .back-info .work-name {
        font-size: 20px;
        line-height: 20px;
        font-weight: normal;
    }
    .wrapper .teach-w .works-w .works .work .back-info .work-name span {
        width: 12px;
        margin-left: 6px;
    }
    .wrapper .teach-w .works-w .works .work .back-info .intro {
        margin: 6px 0;
        font-size: 12px;
        line-height: 12px;
    }
    .wrapper .teach-w .works-w .works .work .back-info .kv {
        font-size: 10px;
        line-height: 16px;
    }
    .wrapper .teach-w .works-w .works .work .back-info .kv .kk {
        margin-right: 10px;
    }
    .wrapper .teach-w .works-w .works .work .back-info .btn-more {
        left: 15px;
        bottom: 15px;
        height: 24px;
        line-height: 24px;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
        font-size: 9px;
        margin-top: 0;
        padding: 0 12px;
    }
    .wrapper .teach-w .publish-w {
        padding-top: 20px;
    }
    .wrapper .teach-w .publish-w .publishes {
        width: 100%;
        margin: 0 auto;
        padding: 0 20px;
    }
    .wrapper .teach-w .publish-w .publishes .publish {
        width: calc(100% / 3 - 14px);
        height: 300px;
        margin-right: 20px;
        margin-bottom: 20px;
    }
    .wrapper .teach-w .publish-w .publishes .publish .slide {
        bottom: 50px;
    }
    .wrapper .teach-w .publish-w .publishes .publish .info {
        height: 80px;
        padding: 20px 0 0 20px;
    }
    .wrapper .teach-w .publish-w .publishes .publish .info .name {
        font-size: 14px;
        line-height: 18px;
        font-weight: normal;
    }
    .wrapper .teach-w .publish-w .publishes .publish .info .author {
        right: 20px;
        bottom: 23px;
        font-size: 10px;
        line-height: 10px;
    }
    .wrapper .teach-w .publish-w .publishes .publish:nth-child(4n) {
        margin-right: 20px;
    }
    .wrapper .teach-w .publish-w .publishes .publish:nth-child(3n) {
        margin-right: 0 !important;
    }
    .wrapper .teach-w .publish-w .publishes .publish:hover .info {
        display: block;
    }
    .wrapper .teach-w .publish-w .publishes .publish:hover .back-info {
        display: none;
    }
    .wrapper .news-w .news-c {
        padding-top: 30px;
    }
    .wrapper .news-w .news-c .news-list {
        width: 100%;
        padding: 0 10px;
        margin: 0 auto;
    }
    .wrapper .news-w .news-c .news-list .news {
        width: calc(50% - 20px);
        height: 480px;
        margin: 0 10px 20px;
    }
    .wrapper .news-w .news-c .news-list .news:nth-child(4n) {
        margin-right: auto;
    }
    .wrapper .news-w .news-c .news-list .news .front .news-img {
        height: 240px;
    }
    .wrapper .news-w .news-c .news-list .news .front .intro {
        padding: 20px 20px 0;
        height: 240px;
    }
    .wrapper .news-w .news-c .news-list .news .front .intro .tt {
        font-size: 18px;
        line-height: 30px;
    }
    .wrapper .news-w .news-c .news-list .news .front .intro .itt {
        font-size: 14px;
        line-height: 20px;
        margin-top: 10px;
    }
    .wrapper .news-w .news-c .news-list .news .front .intro .datetime {
        bottom: 20px;
        left: 20px;
    }
    .wrapper .news-w .news-c .news-list .news .back {
        padding: 10px 15px 0;
    }
    .wrapper .news-w .news-c .news-list .news .back .tt {
        font-size: 14px;
        line-height: 18px;
    }
    .wrapper .news-w .news-c .news-list .news .back .more {
        bottom: 20px;
        left: 15px;
    }
    .wrapper .news-w .news-detail {
        margin-top: 136px;
    }
    .wrapper .news-w .news-detail .tt {
        text-align: left;
        line-height: 80px;
        padding-left: 40px;
    }
    .wrapper .news-w .news-detail .tt p {
        width: calc(100% - 80px);
        font-size: 20px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        text-align: center;
    }
    .wrapper .news-w .news-detail .detail-box {
        width: 100%;
    }
    .wrapper .news-w .news-detail .tt .detail-close {
        width: 80px;
        height: 80px;
        line-height: 80px;
        -webkit-text-stroke: 6px #FED130;
        font-size: 32px;
    }
    .wrapper .news-w .news-detail .detail-box .detail-right .detail-right-text img {
        width: 100%;
        border-radius: 5px
    }
    .wrapper .news-w .news-detail .detail-box .detail-right .news-hrf .news-icon1,
    .wrapper .news-w .news-detail .detail-box .detail-right .news-hrf .news-icon2 {
        width: 30px;
    }
    .wrapper .news-w .news-detail .re-detail {
        width: 100%;
        border-radius: 0px;
    }
    .wrapper .news-w .news-detail .detail-box {
        width: 100%;
        margin-top: 30px;
    }
    .wrapper .news-w .news-detail .detail-box .detail-right .detail-right-text p {
        font-size: 12px;
    }
    .wrapper .news-w .news-detail .detail-box .detail-right .detail-right-text img {
        width: 100%;
        border-radius: 5px
    }
    .wrapper .news-w .news-detail .detail-box .detail-right .detail-right-content {
        padding: 25px 6px;
    }
    .wrapper .news-w .news-detail .detail-box .detail-right .news-hrf .news-icon1,
    .wrapper .news-w .news-detail .detail-box .detail-right .news-hrf .news-icon2 {
        width: 30px;
    }
    .wrapper .news-w .news-detail .detail {
        width: 66%;
    }
    .wrapper .news-w .news-detail .detail-box .detail-right {
        width: 66%;
        float: unset;
        margin: 0 auto;
        margin-top: 30px;
    }
    .wrapper .news-w .news-detail .detail-box .detail-right .news-hrf a {
        font-size: 10px;
    }
    .wrapper .news-w .news-detail .detail-box .detail-right .news-hrf .news-icon1,
    .wrapper .news-w .news-detail .detail-box .detail-right .news-hrf .news-icon2 {
        display: inline-block;
        width: 47px;
        height: 16px;
        line-height: 16px;
        border-radius: 50%;
        text-align: center;
        color: #ffffff;
        margin-right: 6px;
        font-size: 10px;
    }
    .wrapper .news-w .news-detail .detail {
        padding: 0px 8px;
    }
    .wrapper .public-w .public-c {
        padding: 30px 20px;
    }
    .wrapper .public-w .public-c .tt {
        font-size: 20px;
        line-height: 28px;
    }
    .wrapper .public-w .public-c .res-d {
        width: 100%;
    }
    .wrapper .public-w .public-c .res-d .res .res-d-cover {
        width: 100%;
        height: 200px;
    }
    .wrapper .public-w .public-c .res-d .res {
        position: relative;
        width: 48%;
        height: 290px;
        float: left;
        margin-right: 25px;
        margin-bottom: 30px;
    }
    .wrapper .public-w .public-c .res-d .res:nth-child(2n) {
        margin-right: 0px;
    }
    .wrapper .public-w .public-c .stt {
        font-size: 14px;
        line-height: 20px;
    }
    .wrapper .public-w .public-c .filter {
        margin: 0 0 10px;
    }
    .wrapper .public-w .public-c .filter span {
        width: 10px;
    }
    .video-c {
        position: fixed;
        /*margin: 60px auto;*/
        top: calc(50% - 225px);
        left: calc(57% - 400px);
        width: 90%;
        display: none;
        z-index: 100001;
        border: 15px solid rgba(14, 31, 201, .8);
    }
    .video-c .v-shadow {
        padding-top: 80px;
    }
    .video-c .v-shadow .vtt {
        font-size: 48px;
        line-height: 72px;
    }
    .video-c .v-shadow .vstt {
        font-size: 16px;
        line-height: 24px;
    }
    .video-c .v-shadow .filter {
        margin: 0 0 6px;
    }
    .video-c .v-shadow .filter span {
        width: 10px;
    }
    .video-c .v-shadow .btn-play {
        width: 54px;
        cursor: pointer;
        margin-top: 30px;
    }
    .video-c .v-shadow .op-b {
        margin-top: 10px;
    }
    .video-c .v-shadow .op-b p {
        margin-bottom: 15px;
    }
    .video-c .v-shadow .op-b .btn {
        height: 32px;
        width: 160px;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px;
        line-height: 32px;
        padding-left: 30px;
        text-align: left;
    }
    .video-c .v-shadow .op-b .btn img {
        width: 16px;
        margin-right: 10px;
        vertical-align: text-bottom;
    }
    .video-c .v-shadow .op-b .hint {
        margin-top: 10px;
        font-size: 9px;
        line-height: 14px;
    }
    .wrapper .public-w .public-c .res-c {
        position: relative;
        width: 100%;
        padding: 0 10px;
        margin: 30px auto 0;
    }
    .wrapper .public-w .public-c .res-c .res {
        width: calc(50% - 20px);
        height: 400px;
        margin: 0 10px 20px;
    }
    .wrapper .public-w .public-c .res-c .res .info {
        left: 20px;
        bottom: 20px;
        line-height: 16px;
        text-align: left;
    }
    .wrapper .public-w .public-c .res-c .res .info p {
        font-size: 12px;
    }
    .wrapper .public-w .public-c .res-c .res:nth-child(4n) {
        margin-right: auto;
    }
    .wrapper .sch-w .top-b .row .col {
        text-align: center;
        width: 100%;
        margin-left: 0;
        padding-top: 400px;
    }
    .wrapper .sch-w .top-b .row .col .tt {
        font-size: 32px;
        line-height: 42px;
    }
    .wrapper .sch-w .top-b .row .col .stt {
        font-size: 20px;
        line-height: 32px;
    }
    .wrapper .sch-w .sch-tabs .sch-intro .row .col:last-child {
        padding-left: 20px;
    }
    .wrapper .sch-w .sch-tabs .sch-pics {
        /*        height: 500px;*/
    }
    .wrapper .sch-w .top-b .row .col .sch-selector {
        margin: 10px auto;
        height: 32px;
        width: 220px;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px;
        line-height: 32px;
        text-align: left;
        font-size: 10px;
    }
    .wrapper .sch-w .top-b .row .col .sch-selector img {
        right: 15px;
        height: 12px;
        top: 11px;
    }
    .wrapper .sch-w .top-b .row .col .sch-selector .options {
        top: 50px;
        width: 220px;
    }
    .wrapper .sch-w .top-b .row .col .sch-selector .options .option {
        height: 32px;
    }
    .wrapper .sch-w .top-b .row .col .intro {
        padding: 0 20%;
        text-align: center;
    }
    .wrapper .sch-w .top-b .row .col .intro .addr {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 10px;
    }
    .wrapper .sch-w .top-b .row .col .intro .cc {
        text-align: center;
        font-size: 11px;
        line-height: 17px;
    }
    .wrapper .sch-w .top-b .row .col .intro .cc .ll {
        width: 50px;
    }
    .wrapper .sch-w .top-b .row .col .filter {
        margin: 0 0 4px;
    }
    .wrapper .sch-w .top-b .row .col .filter span {
        width: 10px;
    }
    .wrapper .sch-w .sch-tabs {
        padding: 30px 0;
    }
    .wrapper .sch-w .sch-tabs .sch-intro {
        width: 100%;
        padding: 0 20px;
        margin: 0 auto;
    }
    .wrapper .sch-w .sch-tabs .sch-intro .tt {
        text-align: center;
        font-size: 24px;
        line-height: 28px;
    }
    .wrapper .sch-w .sch-tabs .sch-intro .filter {
        text-align: center;
        margin: 4px 0 16px;
    }
    .wrapper .sch-w .sch-tabs .sch-intro .filter span {
        width: 10px;
        border-bottom: 2px #000 solid;
        height: 2px;
        display: inline-block;
    }
    .wrapper .sch-w .sch-tabs .sch-intro .row {
        width: 100%;
    }
    .wrapper .sch-w .sch-tabs .sch-intro .row .col {
        width: 50%;
        float: left;
    }
    .wrapper .sch-w .sch-tabs .sch-intro .row .col p {
        /*font-size: 12px;*/
        line-height: 18px;
        margin-bottom: 10px;
    }
    .wrapper .sch-w .sch-tabs .sch-intro .row .col img {
        width: 100%;
        margin-bottom: 10px;
    }
    .wrapper .sch-w .sch-tabs .sch-pics {
        width: 100%;
        padding: 0 10px;
        margin: 0 auto;
    }
    .wrapper .sch-w .sch-tabs .sch-pics .sch-pic {
        width: calc(50% - 20px);
        height: 240px;
        margin: 0 10px 20px;
    }
    .wrapper .sch-w .sch-tabs .sch-pics .sch-pic:nth-child(2n) {
        margin-right: 0px !important;
    }
    .wrapper .sch-w .sch-tabs .sch-pics .sch-pic .info {
        left: 20px;
        bottom: 20px;
    }
    .wrapper .sch-w .sch-tabs .sch-pics .sch-pic .info .en {
        font-size: 12px;
        line-height: 16px;
    }
    .wrapper .sch-w .sch-tabs .sch-pics .sch-pic .info .zh {
        font-size: 10px;
        line-height: 14px;
    }
    .wrapper .union-w .row {
        top: 0;
    }
    .wrapper .union-w .row .col {
        width: 100%;
        float: none;
    }
    .wrapper .union-w .un-b-01 .row .col.logo-coo img {
        margin-top: 99px;
    }
    .wrapper .union-w .row .col.info {
        padding-top: 100px;
        padding-bottom: 80px;
        text-align: center;
    }
    .wrapper .union-w .un-b-01 .row .col.info-coo {
        padding-top: 80px;
    }
    .wrapper .union-w .row .col.info .tt {
        font-size: 24px;
        line-height: 32px;
    }
    .wrapper .union-w .row .col.info .stt {
        font-size: 18px;
        line-height: 30px;
    }
    .wrapper .union-w .row .col.info .intro {
        font-size: 14px;
        line-height: 26px;
    }
    .wrapper .union-w .row .col.info .filter {
        margin: 4px 0 10px;
    }
    .wrapper .union-w .row .col.info .filter span {
        width: 10px;
    }
    .wrapper .union-w .row.left .col {
        padding-top: 40px;
        padding-left: 0;
    }
    .wrapper .union-w .row.right .col {
        padding-left: 0;
    }
    .wrapper .union-w .un-b-01 {
        position: relative;
        height: auto;
        background-color: #fff;
    }
    .wrapper .union-w .un-b-01 .row {
        position: relative;
    }
    .wrapper .union-w .un-b-01 .row .col {
        text-align: center;
    }
    .wrapper .union-w .un-b-01 .row .col.logo {
        padding-left: 0;
        float: none;
        text-align: center;
        width: 100%;
    }
    .wrapper .union-w .un-b-01 .row .col.logo-coo {
        padding-left: 0;
        float: none;
        text-align: center;
        width: 100%;
    }
    .wrapper .union-w .un-b-01 .row .col.logo img {
        width: 240px;
        margin-top: 120px;
    }
    .wrapper .union-w .un-b-02 .row.left .col {
        padding-top: 120px;
    }
    .wrapper .union-w .un-b-04 .b05-item {
        height: 450px;
        padding-top: 30px;
    }
    .wrapper .union-w .un-b-04 .b05-item .tt {
        font-size: 20px;
        line-height: 26px;
    }
    .wrapper .union-w .un-b-04 .b05-item .stt {
        font-size: 14px;
        line-height: 21px;
        color: rgba(0, 0, 0, 0.5);
    }
    .wrapper .union-w .un-b-04 .b05-item .filter {
        margin: 0 0 10px;
    }
    .wrapper .union-w .un-b-04 .b05-item .filter span {
        width: 10px;
    }
    .wrapper .union-w .un-b-04 .b05-item .process-slide {
        margin-top: 36px;
    }
    .wrapper .union-w .un-b-04 .b05-item .process-slide .process-b {
        width: calc(100% - 40px);
        height: 280px;
        padding: 54px 0 0;
    }
    .wrapper .union-w .un-b-04 .b05-item .process-slide .process-b img {
        width: 50px;
    }
    .wrapper .union-w .un-b-04 .b05-item .process-slide .process-b .ptt {
        font-size: 14px;
        line-height: 20px;
        margin-top: 24px;
    }
    .wrapper .union-w .un-b-04 .b05-item .process-slide .process-b .pstt {
        font-size: 12px;
        line-height: 18px;
    }
    .wrapper .union-w .un-b-04 .b05-item .process-chooser {
        width: 100%;
        padding: 0 6px 40px;
        margin: 30px auto 0;
    }
    .wrapper .union-w .un-b-04 .b05-item .process-chooser .col .ctt {
        font-size: 22px;
        line-height: 22px;
    }
    .wrapper .union-w .un-b-04 .b05-item .process-chooser .col .cstt {
        font-size: 12px;
        line-height: 20px;
        padding: 8px 0;
    }
    .wrapper .union-w .un-b-04 .b05-item .process-chooser .col.active {
        border-bottom: 2px #000 solid;
    }
    .wrapper .union-w .un-b-04 .b05-item .select-icon {
        margin-top: 10px;
    }
    .wrapper .union-w .un-b-04 .b05-item .select-icon span {
        width: 14px;
        height: 14px;
        font-size: 9px;
        line-height: 14px;
        -webkit-text-stroke: 1px #DEDEDE;
    }
    .wrapper .union-w .un-b-04 .b05-item .baoming-form {
        margin: 30px auto 0;
    }
    .wrapper .union-w .un-b-04 .b05-item .baoming-form .form-control {
        margin: 12px 0;
    }
    .wrapper .union-w .un-b-04 .b05-item .baoming-form .form-control input {
        width: 220px;
        height: 36px;
        -webkit-border-radius: 18px;
        -moz-border-radius: 18px;
        border-radius: 18px;
        font-size: 10px;
        line-height: 36px;
        padding: 0 18px;
    }
    .wrapper .union-w .un-b-04 .b05-item .baoming-form .form-control select {
        width: 220px;
        height: 36px;
        -webkit-border-radius: 18px;
        -moz-border-radius: 18px;
        border-radius: 18px;
        font-size: 10px;
        line-height: 36px;
        padding: 0 18px;
    }
    .wrapper .union-w .un-b-04 .b05-item .baoming-form .form-control .selector {
        width: 220px;
    }
    .wrapper .union-w .un-b-04 .b05-item .baoming-form .form-control .selector .col {
        width: 110px;
        height: 36px;
        font-size: 10px;
        line-height: 36px;
    }
    .wrapper .union-w .un-b-04 .b05-item .baoming-form .form-control .selector .col:first-child {
        border-top-left-radius: 18px;
        border-bottom-left-radius: 18px;
    }
    .wrapper .union-w .un-b-04 .b05-item .baoming-form .form-control .selector .col:last-child {
        border-top-right-radius: 18px;
        border-bottom-right-radius: 18px;
    }
    .wrapper .union-w .un-b-04 .b05-item .baoming-form .form-control .btn-submit {
        width: 220px;
        height: 36px;
        -webkit-border-radius: 18px;
        -moz-border-radius: 18px;
        border-radius: 18px;
        font-size: 10px;
        line-height: 36px;
    }
    .wrapper .union-w .un-b-04 .b05-item .baoming-form .form-control .select-icon {
        margin-top: 12px;
        right: calc(50% - 136px);
    }
    .wrapper .union-w .un-b-04 .b05-item .baoming-form .form-control .icon-adown {
        left: calc(50% + 86px);
        top: 14px;
        height: 10px;
    }
    .wrapper .union-w .un-b-04 .b05-item .baoming-form .form-control.filter .split {
        width: 220px;
        margin: 20px auto 0;
        padding-top: 20px;
    }
    /*选择课程top*/
    .wrapper .navs_index .wrap {
        swidth: 100%;
        height: 195px;
        box-sizing: border-box;
        white-space: nowrap;
        text-align: center;
        display: flex;
        align-items: center;
        margin-top: 5px;
    }
    .wrapper .navs_index .wrap .n-item {
        width: 20%;
        display: inline-block;
        height: 195px;
        padding: 40px 20px;
        box-sizing: border-box;
        font-size: 12px;
        cursor: pointer;
        background-color: #e6e6e6;
        color: #000000;
        margin-right: 3px;
        position: relative;
        color: #000;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .wrapper .navs_index .wrap .n-item .index-05-text1 {
        font-size: 20px;
        padding: 15px 0px 10px;
    }
    .wrapper .navs_index .wrap .n-item .index-05-text1 {
        font-size: 17px;
    }
    .wrapper .navs_index .wrap .n-item .index-05-text2 {
        font-size: 12px;
    }
    .wrapper .navs_index .wrap .n-item.active,
    .wrapper .navs_index .wrap .n-item:hover {
        /*background-image: url("../images/img-05-bg.png");*/
        color: #ffffff;
    }
    .wrapper .navs_index .wrap .n-item .img-05-1 {
        /*position: absolute;*/
        /*top: 30px;*/
        /*left: 38%;*/
    }
    .wrapper .navs_index .wrap .n-item .img_active {
        display: none;
    }
    .wrapper .index-b-09 .wrap .col .img2 {
        display: none;
    }
    .wrapper .index-b-09 .wrap .col {
        position: relative;
    }
    .wrapper .index-b-09 .wrap .col img {
        /*position: absolute;*/
        /*top: -50px;*/
    }
    /*.wrapper .index-b-09 .wrap .col .horse1 {*/
    /*position: absolute;*/
    /*left: 40px;*/
    /*}*/
    /*.wrapper .index-b-09 .wrap .col .horse2 {*/
    /*position: absolute;*/
    /*left: 47px;*/
    /*}*/
    /*.wrapper .index-b-09 .wrap .col .horse3 {*/
    /*position: absolute;*/
    /*left: 47px;*/
    /*}*/
    /*.wrapper .index-b-09 .wrap .col .horse4 {*/
    /*position: absolute;*/
    /*left: 19px;*/
    /*}*/
    /*.wrapper .index-b-09 .wrap .col .horse5 {*/
    /*position: absolute;*/
    /*left: 46px;*/
    /*}*/
    /*选择课程 end*/
    /*联系我们 768-500top*/
    .contact_us {
        width: 100%;
        padding: 60px 0px 60px;
        background-color: #F7F7F7;
    }
    .contact_us .wrap {
        min-width: 768px;
        margin: 0 auto;
    }
    .contact_us .wrap .wrap_box {
        width: 100%;
    }
    .contact_us .wrap .wrap_box .contact_left {
        width: 100%;
        float: left;
        padding-left: 3%;
    }
    .contact_us .wrap .wrap_box .contact_left .con_left_l {
        width: 25%;
        float: left;
        margin-bottom: 30px;
    }
    .contact_us .wrap .wrap_box .contact_left .contact_left_r {
        width: 30%;
        float: left;
    }
    .contact_us .wrap .wrap_box .contact_left .con_left_l .con_title_tel {
        font-size: 24px;
    }
    .contact_us .wrap .wrap_box .contact_left .con_left_l .con_text {
        display: inline-block;
        margin-top: 30px;
        margin-bottom: 20px;
        vertical-align: top;
    }
    .contact_us .wrap .wrap_box .contact_left .con_left_l .con_text span {
        display: inline-block;
        vertical-align: top;
    }
    .contact_us .wrap .wrap_box .contact_left .con_left_l .con_text .con_address {
        width: 165px;
    }
    .contact_us .wrap .wrap_box .contact_left #map_box {
        width: 97%;
        height: 250px;
        margin-top: 25px;
        float: left;
        margin-left: -20%;
    }
    .contact_us .wrap .wrap_box .contact_right {
        width: 35%;
        float: left;
        text-align: left;
        margin-left: 10%;
        margin-top: 100px;
    }
    .contact_us .wrap .wrap_box .contact_right .con_right_l_box {
        width: 100%;
    }
    .contact_us .wrap .wrap_box .contact_right {
        font-size: 16px;
        text-align: left;
    }
    .contact_us .wrap .wrap_box .contact_right .con_right_l_box>div {
        display: inline-block;
    }
    .contact_us .wrap .wrap_box .contact_right .con_right_l {
        width: 40%;
        margin-right: 30px;
        float: right;
        padding-bottom: 15px;
    }
    .contact_us .wrap .wrap_box .contact_right .con_right1 {
        float: right;
        width: 100%;
        text-align: left;
        padding-left: 8%;
    }
    .contact_us .wrap .wrap_box .contact_right .con_right_l input {
        border: none;
        width: 100%;
        background-color: #ffffff;
        height: 45px;
        outline: none;
        padding-left: 10px;
    }
    .contact_us .wrap .wrap_box .contact_left .contact_left_r .con_r_img_box img {}
    .wrap_box .contact_left .con_left_l .tel_dtl span {
        font-weight: bolder;
    }
    .contact_us .wrap .wrap_box .contact_right .con_right1 textarea {
        border: none;
        width: 94.5%;
        background-color: #ffffff;
        height: 180px;
        margin-top: 15px;
        margin-bottom: 20px;
        resize: none;
        outline: none;
        padding: 10px;
    }
    .contact_us .wrap .wrap_box .contact_right .tijiao_btn {
        width: 100px;
        height: 35px;
        line-height: 35px;
        margin-left: 10%;
        border: none;
        background-color: #fed130;
        font-size: 16px;
        color: #010100;
    }
    /*联系我们 end*/
    /*交互图片效果 top*/
    .wrapper .index-w .index-b-02 {
        position: relative;
        width: 100%;
        height: 1450px;
        background-color: #1557a1;
    }
    .index_b_04_eq0 {
        width: 100%;
        height: 950px;
        background: #0101ff !important;
        position: relative;
    }
    .wrapper .index-w .index-b-06 {
        position: relative;
        width: 100%;
        height: 1190px;
        background-color: #fed130;
    }
    .wrapper .index-w .index-b-02 .left_fadeIn_img {
        width: 100%;
        background: #fed130;
        top: 517px;
    }
    .wrapper .index-w .index-b-06 .left_fadeIn_img1 {
        position: absolute;
        left: 12%;
        top: unset;
        bottom: 0;
        width: 76%;
    }
    .wrapper .index-w .index-b-06 .info {
        margin-left: 0;
        top: 62px;
        width: 100%;
        text-align: center;
    }
    .wrapper .index-w .index-b-08 .left_fadeIn_img1 {
        position: absolute;
        left: 20%;
        top: unset;
        bottom: 0;
        width: 63%;
    }
    .wrapper .index-w .index-b-08 {
        position: relative;
        width: 100%;
        height: 1200px;
        background-color: #0101ff;
    }
    .wrapper .index-w .index-b-08 .info {
        width: 100%;
        text-align: center;
        position: absolute;
        top: 85px;
    }
    .wrapper .index-w .index-b-02 .info {
        width: 100%;
    }
    /*交互秃瓢效果 end*/
    /*** header top 768***/
    .header {
        width: 100%;
        position: absolute;
        top: 50px;
        left: 0%;
        z-index: 99999;
        display: none;
    }
    .header_fixed {
        position: fixed;
        width: 100%;
        top: 0;
    }
    /*.container{*/
    /*width: 1100px;*/
    /*}*/
    .header_fixed1 {
        position: absolute;
        width: 0;
        height: 70px;
        background: #fff;
        left: 50%;
        top: 0;
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
        box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .1);
    }
    .header_fixed2 {
        position: absolute;
        width: 0;
        height: 70px;
        background: #fff;
        right: 50%;
        top: 0;
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
        box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .1);
    }
    .sskuang {
        position: fixed;
        width: 100%;
        height: 90px;
        background: #EAEAEA;
        left: -100%;
        top: 70px;
        z-index: 99;
        transition: all 1s;
        -moz-transition: all 1s;
        -ms-transition: all 1s;
        -o-transition: all 1s;
        -webkit-transition: all 1s;
    }
    .ssb {
        margin: 15% auto 0 auto;
        display: none;
    }
    .ss_text_a {
        margin: 10px auto 0 auto;
        position: relative;
        width: 500px;
    }
    .ss_text {
        border: none;
        border-bottom: 1px #666 solid;
        background: none;
        color: #666;
        font-size: 14px;
        letter-spacing: 1px;
        padding: 0 50px 0 10px;
        display: block;
        line-height: 50px;
        width: 500px;
    }
    .close {
        position: absolute;
        right: 30px;
        top: 30px;
    }
    .yjt {
        position: absolute;
        right: 0;
        top: 20px;
    }
    .headerdw {
        background: #fff;
        position: fixed;
        top: 0;
        -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
        box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .1);
    }
    ul li {
        list-style: none;
    }
    .headerbg {
        height: 70px;
        margin: 0 auto;
        padding-right: 0px;
        position: relative;
        transition: all 1s;
        -moz-transition: all 1s;
        -ms-transition: all 1s;
        -o-transition: all 1s;
        -webkit-transition: all 1s;
    }
    .header_box1 {
        border-radius: 4px 6px 6px 4px;
    }
    .header.header1.header_fixed .header_box {
        width: 100% !important;
        -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
        box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .1);
    }
    .header.header1.header_fixed .container.headerbg {
        width: 100%;
        padding: 0;
    }
    .header_box {
        display: inline-block;
        width: auto;
        padding: 0 !important;
        background: #fff;
        transition: all 0.5s;
        background-image: linear-gradient(to right, rgba(255, 255, 255, .98) 0, rgba(255, 255, 255, .95) 100%);
        -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1);
        box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1);
    }
    .header.header1.header_fixed .logo {
        margin-left: 0;
    }
    .header.header1.header_fixed .logo img {
        width: 100px;
        vertical-align: -webkit-baseline-middle;
    }
    .header.header1.header_fixed .ss {
        padding-right: 0;
    }
    .header_fixed_a {
        text-align: center;
    }
    .headerbg .logo {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-top: 13px;
        margin-bottom: 0px;
        margin-left: 0px;
        transition: all 1s;
        -moz-transition: all 1s;
        -ms-transition: all 1s;
        -o-transition: all 1s;
        -webkit-transition: all 1s;
    }
    .headerbg .logo img {
        width: 100px;
        vertical-align: -webkit-baseline-middle;
    }
    .menu {
        float: right;
        width: 95%;
        text-align: center;
        /* margin-left: 20px; */
        display: flex;
        justify-content: center;
    }
    .menu ul {
        margin-bottom: 0;
    }
    .menu ul li {
        float: left;
        line-height: 70px;
        position: relative;
    }
    .menu ul li a {
        position: relative;
        display: block;
        float: left;
        padding-left: 12px;
        padding-top: 5px;
        color: #7a7a7a;
        font-size: 16px;
        font-weight: normal;
        letter-spacing: 1px;
    }
    .menu ul li a strong {
        height: 26px;
        padding-right: 15px;
        font-weight: normal;
    }
    .menu ul li a strong span {
        padding-right: 12px;
        background: url('../images/nav_arrow.gif') no-repeat right 5px;
        line-height: 70px;
    }
    .menu ul li a strong span:hover {
        color: #0101ff;
    }
    .headerright {
        float: right;
        margin-top: 25px;
        margin-right: 30px;
        display: inline-block;
        display: none;
    }
    .headerright .headerrighttb {
        width: 40px;
        margin: 0 10px;
        color: #333;
        font-size: 14px;
        line-height: 12px;
        border-radius: 50%;
    }
    .headerright .headerrighttb i {
        margin-top: 25px;
    }
    .headerright .headerrighttb i:hover {
        color: #0101ff;
    }
    .headerright .headerrighttb img {
        vertical-align: middle
    }
    .headerright .headerrighttb img {
        vertical-align: middle;
        padding-bottom: 5px;
        padding-right: 5px;
    }
    .headerright .link {
        padding: 0 16px;
        height: 50px;
        border-top-right-radius: 4px;
        font-size: 14px;
        transition: all 1s;
        -moz-transition: all 1s;
        -ms-transition: all 1s;
        -o-transition: all 1s;
        -webkit-transition: all 1s;
        border-bottom-right-radius: 4px;
        display: inline-block;
        line-height: 50px;
        color: #333;
    }
    .ss {
        padding-right: 100px;
        transition: all 1s;
        -moz-transition: all 1s;
        -ms-transition: all 1s;
        -o-transition: all 1s;
        -webkit-transition: all 1s;
        cursor: pointer;
    }
    .headerfk {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 10px;
        height: 10px;
        background: #000;
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px;
    }
    .headerfk1 {
        position: absolute;
        top: 0px;
        right: 0px;
        width: 10px;
        height: 10px;
        background: #000;
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px;
    }
    .navigation-up .navigation-v3 {
        float: right;
        position: relative;
        width: 790px;
    }
    .navigation-up .navigation-v3 ul {
        float: left;
    }
    .navigation-up .navigation-v3 li {
        float: left;
        color: #fff;
        width: 100px;
        text-align: center;
        height: 88px;
        line-height: 88px;
    }
    .navigation-up .navigation-v3 li h2 {
        font-weight: normal;
        padding: 0;
        margin: 0;
        width: 100px;
    }
    .navigation-up .navigation-v3 li h2 a {
        width: 100px;
        color: #000;
        display: inline-block;
        font-size: 14px;
        font-weight: bold;
    }
    .navigation-down {
        position: absolute;
        top: 90px;
        left: 0%;
        width: 100%;
        z-index: 9999;
    }
    .navigation-down .nav-down-menu {
        width: 100%;
        margin: 0;
        position: absolute;
        top: 50px;
        left: 0px;
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    }
    .navigation-down-inner {
        margin: auto;
        width: 100%;
        position: relative;
        height: auto;
        background-color: rgba(255, 255, 255, 1);
        z-index: 999;
        border-radius: 4px 6px 6px 4px;
    }
    .navigation-down .nav-down-menu dl {
        float: left;
        margin: 18px 80px 18px 0
    }
    .menuxl {
        position: relative;
    }
    .menuxl ul {
        text-align: center;
        margin: 0;
    }
    .menuxl ul li {
        display: inline-block;
        text-align: center;
    }
    .menuxl ul li a {
        color: #666;
        display: block;
        font-size: 14px;
        border-right: 1px solid #ccc;
        padding-right: 25px;
        padding-left: 25px;
        line-height: 30px;
        margin: 15px 0;
    }
    #nav_xlcd3 .menuxl ul li a {
        padding-right: 15px;
        padding-left: 15px;
    }
    .menuxl ul li a:hover {
        color: #0101ff;
    }
    .indexpro {
        text-align: center;
        padding-top: 30px;
        padding-bottom: 30px;
        font-size: 12px;
    }
    .indexpro img {
        width: 100%;
        height: auto;
        display: block;
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .indexpro p {
        margin-top: 10px;
    }
    .indexpro:hover img {
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        transform: translate(0, -10px);
        -webkit-transform: translate(0, -10px);
        -moz-transform: translate(0, -10px);
        -o-transform: translate(0, -10px);
        -ms-transform: translate(0, -10px);
    }
    .indexpro:hover p {
        color: #0101ff;
    }
    .indexservice {
        width: 130px;
        margin: 0 auto;
    }
    .indexservice {
        text-align: center;
        padding-top: 50px;
        padding-bottom: 80px;
        font-size: 16px
    }
    .indexservice a {
        color: #333;
        line-height: 30px;
        float: left;
        transition: all 0s linear;
        -webkit-transition: all 0s linear;
        -moz-transition: all 0s linear;
        -ms-transition: all 0s linear;
        -o-transition: all 0s linear;
    }
    .indexservice i {
        margin-right: 15px;
        font-size: 36px;
        color: #82d968;
        line-height: 30px;
        float: left;
    }
    .indexservice a:hover {
        color: #01a03e;
        margin-top: -10px;
        transition: all 0s linear;
        -webkit-transition: all 0s linear;
        -moz-transition: all 0s linear;
        -ms-transition: all 0s linear;
        -o-transition: all 0s linear;
    }
    /*** header ******header 768*******/
    /*画室成绩 轮播768top*/
    .grade_box {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .grade_title {
        padding-top: 20px;
        margin-left: 0%;
        display: flex;
        justify-content: space-around;
    }
    .grade_title .swiper-container {}
    .grade_img {
        width: 100%;
        height: 389px;
        position: relative;
    }
    .changji_img_box {
        width: 100%;
        position: absolute;
        right: 0;
        height: 389px;
    }
    .changji_img_box img {
        width: 100%;
        height: 100%;
        z-index: 10;
    }
    /*.grade_img .school_name{*/
    /*border: 1px solid red;*/
    /*}*/
    /*.grade_img .school_name ul li{*/
    /*float: left;*/
    /*list-style: none;*/
    /*}*/
    .grade_title p:first-child {
        color: #222222;
        font-size: 22px;
        width: 100%;
        text-align: center;
    }
    .grade_title p:last-child {
        color: #444444;
        font-size: 19px;
        padding-top: 17px;
        width: 100%;
        text-align: center;
        padding-bottom: 5px;
    }
    .swiper-slide .s_title {
        margin-top: 120px;
        color: #000000;
        /*color: transparent;*/
        /*-webkit-text-stroke: 1px #ffffff;*/
    }
    .swiper-slide .s_title span {
        font-size: 16px;
        margin-top: 10px;
        display: -webkit-inline-box;
    }
    .swiper_title .swiper-slide .logo1 {
        height: 25px;
        margin-top: -21px;
        margin-left: 110px;
        position: absolute;
    }
    .swiper-slide .s_title b {
        display: inline-block;
        margin-right: 10px;
        vertical-align: top;
        font-size: 16px;
    }
    .swiper-slide .blue_line {
        width: 35px;
        height: 3px;
        background: #ffffff;
        margin-top: 60px;
    }
    .grade_img .swiper-pagination-current {
        color: #ffffff;
    }
    .swiper-slide .grade_info {
        width: 45%;
        margin-top: 15px;
        margin-bottom: 15px;
        text-align: left;
        font-size: 14px;
    }
    /*.swiper_title .swiper-slide{*/
    /*margin-right: 30px!important;*/
    /*}*/
    .swiper-slide ul li {
        text-align: left;
        line-height: 25px;
        font-size: 14px;
    }
    .swiper-slide ul li img {
        padding-bottom: 1px;
        padding-right: 5px;
    }
    /*.grade_img .swiper-button-next{*/
    /*right: 0px !important;*/
    /*!*margin-right: -19px!important;*!*/
    /*}*/
    /*.grade_img .swiper-button-prev{*/
    /*left: 0px !important;*/
    /*margin-left: 0px!important;*/
    /*}*/
    .grade_img .swiper-button-next,
    .grade_img .swiper-button-prev {
        position: absolute !important;
        top: 50% !important;
        width: 45px !important;
        height: 45px !important;
        margin-top: -20px !important;
        z-index: 10 !important;
        cursor: pointer !important;
        background-size: 45px 45px !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        z-index: 100 !important;
    }
    .grade_img .swiper-pagination-bullet-active {
        opacity: 1;
        background: transparent !important;
        font-size: 30px !important;
        color: #ffffff !important;
    }
    .grade_img .swiper-pagination {
        position: absolute !important;
        bottom: 105px !important;
        left: 191px !important;
        width: 200px !important;
    }
    /*.grade_img .swiper-button-next {*/
    /*background-image: url(../images/rightarrow.png) !important;*/
    /*right: 0px !important;*/
    /*!*margin-right: 16px!important;*!*/
    /*}*/
    /*.grade_img .swiper-button-prev {*/
    /*background-image: url(../images/leftarrow.png) !important;*/
    /*left: 0px !important;*/
    /*}*/
    .grade_img .swiper-pagination-bullet {}
    .active {
        color: #0101ff;
    }
    .grade_img {
        position: relative;
    }
    .grade_img .swiper_title .swiper-slide .s_title {
        vertical-align: top;
    }
    .grade_img .swiper_title {
        height: 200px !important;
        position: absolute;
        top: -80px !important;
    }
    .grade_img .swiper_title .swiper-slide {
        /*width: 400px!important;*/
    }
    .grade_img .swiper_title .swiper-slide-active .s_title {
        margin-right: 135px !important;
        color: #ffffff;
        width: 100%;
        text-align: left;
    }
    .grade_img .swiper_content {
        width: 290px !important;
        overflow: hidden !important;
        position: absolute;
        top: 55px !important;
    }
    .grade_img .swiper_content ul {
        color: #ffffff;
    }
    .grade_img .swiper_content .grade_info {
        line-height: 30px;
        color: #ffffff;
    }
    /*成绩轮播 end 768 */
    /*ipad+手机头部样式展示 top*/
    .wrapper .m_nav_box {
        position: fixed;
        top: 0px;
        left: 0px;
        z-index: 999999;
        width: 100%;
    }
    .wrapper .m-header {
        width: 100%;
        background: #fff;
        -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
        height: 60px;
        box-sizing: border-box;
        padding: 20px 15px;
    }
    .wrapper .m-header .m-nav_left {
        float: left;
        display: flex;
        align-items: center;
    }
    .wrapper .m-header .m-nav_left img {
        width: 100%;
        margin-top: -7px;
    }
    .wrapper .m-header .m_nav_right {
        float: right;
    }
    .wrapper .m-header .m_nav_right>div {
        width: 40px;
        height: 3px;
        background-color: rgba(0, 0, 0, .5);
        margin-bottom: 5px;
    }
    .m-header-navgation {
        width: 50%;
        height: 1000px;
        background: rgba(0, 0, 0, .8);
        color: #ffffff;
        display: none;
        right: 0;
        position: absolute;
        transition: all 1s;
    }
    .m-header-navgation .m-nav-active {
        color: #fed130;
    }
    .m-header-navgation .nav-name {
        width: 100%;
        height: 55px;
        border-bottom: 1px solid #222;
        background: #040404;
        line-height: 55px;
        text-align: center;
        font-size: 16px;
    }
    .m-header-navgation .nav-name:hover {
        color: #fed130;
    }
    .m-header-navgation .up_content {
        display: none;
    }
    .m-header-navgation .up_content a {
        width: 100%;
        height: 40px;
        border-bottom: 1px solid #222;
        background: rgb(23, 23, 23);
        line-height: 40px;
        text-align: center;
        display: inline-block;
        color: #ffffff;
        font-size: 14px !important;
    }
    .m-header-navgation .up_content a:hover {
        color: #fed130;
    }
    /*ipad+手机头部样式展示 end*/
    .horse_img {
        position: absolute;
        top: calc(50% - 50px);
        left: calc(50% - 50px);
    }
    .horse_img img {
        width: 50%;
    }
    /*登录页手机调整 top*/
    .wrapper .login-res-bg {
        margin-top: 62px;
    }
    .wrapper .login-res-bg .login-box {
        right: calc(50% - 200px)
    }
    .wrapper .login-res-bg .for-res-box {
        right: calc(50% - 200px)
    }
    /*登录页手机调整 end*/
    .wrapper .personal-box .personal-nav .personal-nav-center {
        width: 100%;
        padding-left: 20px;
    }
    .wrapper .collect-content .res-d {
        width: 100%;
        padding-left: 35px;
    }
    .wrapper .personal-box .wenda-content,
    .wrapper .personal-box .collect-content {
        width: 100%;
    }
    .wrapper .collect-content .res-d .res .res-d-cover {
        width: 100%;
        height: 185px;
    }
    .wrapper .collect-content .res-d .res .btn-play-img {
        width: 40px;
        height: 40px;
        position: absolute;
        top: calc(37% - 20px);
        left: calc(48% - 20px);
    }
    .wrapper .collect-content .res-d .res:nth-child(2n) {
        margin-right: 0px;
    }
    .wrapper .collect-content .res-d .res:nth-child(3n) {
        margin-right: 25px;
    }
    .wrapper .collect-content .res-d .res {
        position: relative;
        width: 46%;
        height: 250px;
        float: left;
        margin-right: 25px;
        margin-bottom: 30px;
        background-color: #fff;
    }
    .wrapper .collect-content .news-list {
        width: 100%;
        margin-left: 25px;
    }
    .wrapper .collect-content .news {
        width: 45%;
    }
    .wrapper .collect-content .news-list .news {
        margin: 0 25px 25px 0;
    }
    .wrapper .collect-content .works {
        width: 100%;
        margin-left: 25px;
    }
    .wrapper .collect-content .works .work {
        position: relative;
        width: 45%;
        height: 460px;
        float: left;
        overflow: hidden;
        margin-right: 25px;
        margin-bottom: 25px;
        cursor: pointer;
        transition: all 0.6s;
    }
    .wrapper .collect-content .works .work:nth-child(2n) {
        margin-right: 0px;
    }
    .wrapper .news-w .news-detail .detail .w-pot {
        width: 30px;
        height: 27px;
        background-size: 30px 27px;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url(../images/kongxin.png);
        right: 20px;
        top: 30px;
        position: absolute;
    }
    .img-icon {
        position: absolute;
    }
    .img-icon img {
        width: 18%;
    }
    .pic-cion1 {
        top: calc(32% - 41px);
        right: calc(11% - 17px);
    }
    .pic-cion2 {
        top: calc(56% - 24px);
        right: calc(14% - 25px);
    }
    .pic-cion3 {
        top: calc(63% - 22px);
        right: calc(20% - 24px);
    }
    .pic-cion4 {
        top: calc(64% - 14px);
        right: calc(14% - 18px);
    }
    .pic-cion5 {
        top: calc(72% - 14px);
        right: calc(32% - 18px);
    }
    .wrapper .index-w .grade_img .swiper-button-next:after {
        position: absolute;
        top: 13px;
    }
    .wrapper .index-w .grade_img .swiper-button-prev:after {
        position: absolute;
        top: 13px;
        left: 8px;
    }
    .wrapper .about-w .row.right .col {
        height: 330px;
    }
}

@media screen and (max-width: 500px) {
    .wrapper .index-w .index-slides .swiper-slide .slide .text-box {
        left: 6%;
        transform: translateY(-125%);
    }
    .wrapper .index-w .index-slides .swiper-slide .slide .text-box .text01 {
        font-size: 46px;
        line-height: 46px;
    }
    .wrapper .index-w .index-slides .swiper-slide .slide .text-box .text02 {
        font-size: 68px;
        line-height: 68px;
        margin-top: 15px;
    }
    .b2t {
        position: fixed;
        right: 0;
        bottom: 5rem;
        z-index: 1;
        cursor: pointer;
    }
    .moblieMargin {
        display: block;
    }
    .postition-3 {
        left: 80%;
        top: 63%;
    }
    .postition-dg {
        left: 70.5%;
        top: 88%;
    }
    .postition-jinhua {
        left: 77%;
        top: 81%;
    }
    .postition-4 {
        left: 58%;
        top: 88%
    }
    .postition-7 {
        left: 77.5%;
        top: 85%;
    }
    .postition-5 {
        left: 72%;
        top: 84%;
    }
    .postition-9 {
        left: 79%;
        top: 79%;
    }
    .horse_img {
        position: absolute;
        top: calc(50% - 50px);
        left: calc(50% - 50px);
    }
    .horse_img img {
        width: 50%;
    }
    /*ipad+手机头部样式展示 top*/
    .wrapper .m_nav_box {
        position: fixed;
        top: 0px;
        left: 0px;
        z-index: 999999;
        width: 100%;
    }
    .wrapper .m-header {
        width: 100%;
        background: #fff;
        -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
        height: 60px;
        box-sizing: border-box;
        padding: 20px 15px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .wrapper .m-header .m-nav_left {
        float: left;
        display: flex;
        align-items: center;
    }
    .wrapper .m-header .m-nav_left img {
        width: 100%;
    }
    .wrapper .m-header .m_nav_right {
        float: right;
    }
    .wrapper .m-header .m_nav_right>div {
        width: 18px;
        height: 2px;
        background-color: rgba(0, 0, 0, .5);
        margin-bottom: 3px;
    }
    .m-header-navgation {
        width: 50%;
        /*height: 1000px;*/
        background: rgba(0, 0, 0, .8);
        color: #ffffff;
        display: none;
        right: 0;
        position: absolute;
        transition: all 1s;
        overflow: auto;
    }
    .m-header-navgation .m-nav-active {
        color: #fed130;
    }
    .m-header-navgation .nav-name {
        width: 100%;
        height: 55px;
        border-bottom: 1px solid #222;
        background: #040404;
        line-height: 55px;
        text-align: center;
        font-size: 14px;
    }
    .m-header-navgation .nav-name:hover {
        color: #15589f;
    }
    .m-header-navgation .up_content {
        display: none;
    }
    .m-header-navgation .up_content a {
        width: 100%;
        height: 40px;
        border-bottom: 1px solid #222;
        background: rgb(23, 23, 23);
        line-height: 40px;
        text-align: center;
        display: inline-block;
        color: #ffffff;
        font-size: 12px !important;
    }
    .m-header-navgation .up_content a:hover {
        color: #15589f;
    }
    /*ipad+手机头部样式展示 end*/
    .datepicker-container {
        width: 210px !important;
    }
    .datepicker-panel>ul {
        padding: 0 !important;
    }
    .shadow .qrcode {
        margin: 200px auto 0;
    }
    .shadow .content {
        width: 200px;
        height: 80px;
        margin: 200px auto 0;
        padding-top: 22px;
    }
    .shadow .content .l1 {
        font-size: 10px;
    }
    .shadow .content .l2 {
        font-size: 14px;
        margin-top: 4px;
    }
    /*p {*/
    /*font-size: 10px;*/
    /*}*/
    .display-pc {
        display: none;
    }
    .display-600 {
        display: block;
    }
    .not-display-600 {
        display: none;
    }
    .wrapper {
        min-width: auto;
        width: 100%;
    }
    .wrapper .m_nav_box {
        display: block;
    }
    .wrapper .topbar .menu {
        margin: 20px 0 0 20px;
        min-width: 20px;
    }
    .wrapper .topbar .menu .m-ctl {
        width: 30px;
        height: 64px;
        cursor: pointer;
        margin-right: 18px;
        display: block;
        background-color: #fff;
        border-radius: 3px;
    }
    .wrapper .topbar .menu .m-ctl .b-menu {
        height: 12px;
        background-color: #0101ff;
        paddingleft: 10px;
        left: 9px;
        top: 7px;
        width: 2px;
    }
    .wrapper .topbar .menu .m-ctl .b-menu .b-bun {
        width: 1px;
        height: 12px;
    }
    .wrapper .topbar .menu .m-ctl .b-menu .b-bun--top {
        left: 6px;
        background-color: #0101ff;
        width: 2px;
    }
    .wrapper .topbar .menu .m-ctl .b-menu .b-bun--bottom {
        left: 10px;
        background-color: #0101ff;
        width: 2px;
    }
    .wrapper .topbar .menu .m-ctl .vv {
        font-size: 14px;
        margin-top: 24px;
        color: #0101ff;
        padding-left: 5px;
    }
    .wrapper .topbar .menu.open .m-ctl {
        display: none;
    }
    .wrapper .m-menu-list {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        z-index: 101;
        display: none;
    }
    .wrapper .m-menu-list .col {
        width: 11.1111111111%;
        height: 100%;
        float: left;
        border-right: 1px #ddd solid;
        writing-mode: vertical-lr;
    }
    .wrapper .m-menu-list .col .tt {
        font-size: 16px;
        text-align: left;
        color: #000;
        padding: 18px 0 0 12px;
        float: left;
    }
    .wrapper .m-menu-list .col .sub-items {
        margin-top: 86px;
        padding: 0 11px;
    }
    .wrapper .m-menu-list .col .sub-items .svv {
        font-size: 10px;
        color: rgba(0, 0, 0, 0.5);
        display: inline-block;
        height: 64px;
    }
    .wrapper .m-menu-list .col .sub-items .svv:hover,
    .wrapper .m-menu-list .col .sub-items .svv:visited {
        color: rgba(0, 0, 0, 0.5);
    }
    .wrapper .m-menu-list .col:first-child {
        background-color: #21242E;
        padding-top: 18px;
    }
    .wrapper .m-menu-list .col:first-child .b-menu {
        display: inline-block;
        padding-left: 0;
        padding-top: 0;
        position: relative;
        user-select: none;
        height: 12px;
        float: left;
    }
    .wrapper .m-menu-list .col:first-child .b-menu .b-bun {
        background-color: #fff;
        position: relative;
        width: 1px;
        height: 12px;
        float: left;
    }
    .wrapper .m-menu-list .col:first-child .b-menu .b-bun--top {
        left: 20px;
        transform: rotate(25deg);
    }
    .wrapper .m-menu-list .col:first-child .b-menu .b-bun--bottom {
        left: 19px;
        transform: rotate(-25deg);
    }
    .wrapper .m-menu-list .col:first-child .tt {
        padding-top: 10px;
        color: #fff;
    }
    .wrapper .m-menu-list .col:last-child {
        border-right: none;
    }
    .wrapper .r-navs {
        width: 56px;
    }
    .wrapper .r-navs .logo {
        height: 94px;
    }
    .wrapper .r-navs .logo img {
        width: 20px;
        margin-top: 16px;
    }
    .wrapper .r-navs .signup {
        display: none;
        height: 160px;
    }
    .wrapper .r-navs .signup .col {
        height: 40px;
        line-height: 40px;
        font-size: 12px;
    }
    .wrapper .scroll-more {
        bottom: 20px;
    }
    .wrapper .scroll-more img {
        width: 20px;
        margin-bottom: 6px;
    }
    .wrapper .scroll-more .hint {
        font-size: 7px;
        line-height: 11px;
    }
    .wrapper .know-more .btn-more {
        height: 24px;
        line-height: 24px;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
        font-size: 8px;
        margin-top: 32px;
        padding: 0 12px;
    }
    .wrapper .navs {
        height: 44px;
    }
    .wrapper .navs .wrap {
        width: 100%;
        min-width: 0;
        padding: 11px 20px;
    }
    .wrapper .navs .wrap .n-item {
        margin-right: 4px;
        height: 22px;
        padding: 0 12px;
        color: rgba(0, 0, 0, 0.5);
        font-size: 9px;
        line-height: 22px;
        -webkit-border-radius: 11px;
        -moz-border-radius: 11px;
        border-radius: 11px;
    }
    .wrapper .news {
        width: 221px;
        height: 300px;
        margin: 0 28px;
    }
    .wrapper .news .front .news-img {
        height: 150px;
    }
    .wrapper .news .front .intro {
        padding: 20px 20px 0;
        height: 150px;
    }
    .wrapper .news .front .intro .tt {
        font-size: 11px;
        line-height: 18px;
    }
    .wrapper .news .front .intro .itt {
        font-size: 10px;
        line-height: 14px;
        margin-top: 10px;
    }
    .wrapper .news .front .intro .datetime {
        bottom: 20px;
        left: 20px;
        font-size: 8px;
    }
    .wrapper .news .back {
        padding: 20px 20px 0;
    }
    .wrapper .news .back .tt {
        font-size: 16px;
        line-height: 22px;
    }
    .wrapper .news .back .itt {
        font-size: 10px;
        line-height: 16px;
        margin-top: 8px;
    }
    .wrapper .news .back .data p {
        margin-top: 9px;
        font-size: 9px;
    }
    .wrapper .news .back .data p img {
        width: 10px;
        margin-right: 10px;
        vertical-align: sub;
    }
    .wrapper .news .back .more {
        bottom: 20px;
        left: 20px;
    }
    .wrapper .news .back .more a {
        width: 60px;
        height: 24px;
        line-height: 24px;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
        font-size: 8px;
        margin-top: 26px;
    }
    .wrapper .footer .products {
        padding: 20px 0;
        border-bottom: 1px rgba(0, 0, 0, 0.05) solid;
    }
    .wrapper .footer .products .row .col {
        width: 80px;
    }
    .wrapper .footer .products .row .col img {
        height: 22px;
        margin-bottom: 4px;
    }
    .wrapper .footer .products .row .col p {
        font-size: 8px;
    }
    .wrapper .footer .contact {
        padding: 20px 0 60px;
    }
    .wrapper .footer .contact .hint {
        font-size: 9px;
        line-height: 12px;
    }
    .wrapper .footer .contact .hint .fa {
        margin-right: 3px;
    }
    .wrapper .footer .contact .phone {
        font-size: 15px;
        line-height: 20px;
    }
    .wrapper .footer .contact .addr {
        font-size: 8px;
        line-height: 20px;
        margin-top: 15px;
    }
    .wrapper .top-b .info {
        top: 276px;
    }
    .wrapper .top-b .info .tt {
        font-size: 24px;
        line-height: 30px;
    }
    .wrapper .top-b .info .filter {
        margin: 5px 0;
    }
    .wrapper .top-b .info .filter span {
        width: 12px;
    }
    .wrapper .top-b .info .stt {
        font-size: 14px;
        line-height: 28px;
    }
    .wrapper .index-w .mCSB_scrollTools.mCSB_scrollTools_horizontal {
        width: 90% !important;
        margin: auto;
    }
    .wrapper .index-w .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-color: #000 !important;
    }
    .wrapper .index-w .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        height: 2px !important;
        margin: 7px auto !important;
    }
    .wrapper .index-w .mCSB_scrollTools .mCSB_draggerRail {
        background-color: #ddd;
    }
    .wrapper .index-w .mCSB_horizontal.mCSB_inside>.mCSB_container {
        margin-bottom: 10px;
    }
    .wrapper .index-w .index-slides {
        height: 560px;
    }
    .wrapper .index-w .index-slides .swiper-pagination {
        bottom: 20px;
        /*padding-left: 13%;*/
    }
    .wrapper .index-w .index-slides .swiper-pagination .swiper-pagination-bullet {
        height: 10px;
        margin: 0 2px;
    }
    .wrapper .index-w .index-slides .swiper-pagination .swiper-pagination-bullet-active {
        height: 22px;
    }
    .wrapper .index-w .index-slides .swiper-slide .info {
        top: 146px;
    }
    .wrapper .index-w .index-slides .swiper-slide .info img {
        width: 130px;
    }
    .wrapper .index-w .index-b-01 .navs {
        overflow-x: scroll;
    }
    .wrapper .index-w .index-b-01 .navs .wrap {
        text-align: left;
    }
    .wrapper .index-w .index-b-01 .res-c .res {
        padding: 20px 0 40px;
    }
    .wrapper .index-w .index-b-01 .res-c .res .sch {
        font-size: 8px;
        line-height: 30px;
    }
    .wrapper .index-w .index-b-01 .res-c .res .tt {
        font-size: 18px;
        line-height: 24px;
    }
    .wrapper .index-w .index-b-01 .res-c .res .last-res {
        padding: 20px 0;
    }
    .wrapper .index-w .index-b-01 .res-c .res .last-res .rr {
        width: 320px;
    }
    .wrapper .index-w .index-b-01 .res-c .res .last-res .rr .rtt {
        font-size: 10px;
        line-height: 30px;
    }
    .wrapper .index-w .index-b-01 .res-c .res .last-res .rr .line {
        border-bottom: 1px #ddd solid;
    }
    .wrapper .index-w .index-b-01 .res-c .res .last-res .rr.active .line {
        border-bottom: 1px #0101ff solid;
    }
    .wrapper .index-w .index-b-01 .res-c .res .last-res .rr:nth-child(1) .line {
        width: 70% !important;
    }
    .wrapper .index-w .index-b-01 .res-c .res .last-res .rr:nth-child(2) .line {
        width: 90% !important;
    }
    .wrapper .index-w .index-b-01 .res-c .res .last-res .rr:nth-child(3) .line {
        width: 100% !important;
    }
    .wrapper .index-w .index-b-01 .res-c .res .sch-logo {
        margin-top: 0;
    }
    .wrapper .index-w .index-b-01 .res-c .res .sch-logo img {
        height: 16px;
    }
    .wrapper .index-w .index-b-01 .res-c .slideup {
        height: 50px;
    }
    .wrapper .index-w .index-b-01 .res-c .slideup .btn-slideup {
        width: 66px;
        height: 24px;
        line-height: 24px;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
        font-size: 8px;
        margin-top: 13px;
    }
    .wrapper .index-w .index-b-02 .info {
        margin-left: 0;
        top: 32px;
        width: 100%;
        text-align: center;
    }
    .wrapper .index-w .index-b-02 .info .tt {
        font-size: 18px;
        line-height: 18px;
    }
    .wrapper .index-w .index-b-02 .info .stt {
        margin: 10px 0 20px;
        font-size: 15px;
        line-height: 20px;
            width: 100%;
    text-align: left;
    padding: 16px;
    }
    .wrapper .index-w .index-b-02 .info .info-row {
        width: 100%;
    }
    .wrapper .index-w .index-b-02 .info .info-row .col {
        width: 100%;
        margin-bottom: 15px;
    }
    .wrapper .index-w .index-b-02 .info .info-row .col .ctt {
        font-size: 18px;
        line-height: 24px;
    }
    .wrapper .index-w .index-b-02 .info .info-row .col .filter {
        margin: 0 0 8px;
    }
    .wrapper .index-w .index-b-02 .info .info-row .col .filter span {
        display: inline-block;
        width: 12px;
        border-bottom: 2px #000 solid;
    }
    .wrapper .index-w .index-b-02 .info .info-row .col .cvv {
        font-size: 10px;
        line-height: 14px;
    }
    .wrapper .index-w .index-b-03 .col {
        padding: 40px 0;
    }
    .wrapper .index-w .index-b-03 .col .num {
        font-size: 70px;
        top: 30px;
        letter-spacing: -2px;
    }
    .wrapper .index-w .index-b-03 .col .tt {
        font-size: 20px;
        margin: 0 auto 16px;
        font-weight: 600;
    }
    .wrapper .index-w .index-b-03 .col .intro {
        font-size: 10px;
        line-height: 14px;
    }
    .wrapper .index-w .index-b-03 .col .btn-b {
        margin-top: 0;
    }
    .wrapper .index-w .index-b-03 .col .btn-b .btn-more {
        width: 66px;
        height: 24px;
        line-height: 24px;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
        font-size: 8px;
        margin-top: 20px;
    }
    .wrapper .index-w .index-b-04 .tech-slides .swiper-slide .info {
        left: 0px;
        top: 93px;
        width: 100%;
        text-align: center;
    }
    .wrapper .index-w .index-b-04 .tech-slides .swiper-slide .info .tt {
           font-size: 22px;
    line-height: 26px;
    }
    .wrapper .index-w .index-b-04 .tech-slides .swiper-slide .info .stt {
        margin: 10px 0 20px;
        font-size: 18px;
        line-height: 20px;
    }
    .wrapper .index-w .index-b-04 .tech-slides .swiper-slide .info .t-name {
        font-size: 16px;
        line-height: 16px;
    }
    .wrapper .index-w .index-b-04 .tech-slides .swiper-slide .info .t-intro {
           font-size: 16px;
    line-height: 25px;
    color: #fff;
    }
    .wrapper .index-w .index-b-04 .tech-slides .swiper-slide .info .filter {
        margin: 4px 0 10px;
    }
    .wrapper .index-w .index-b-04 .tech-slides .swiper-slide .info .filter span {
        width: 10px;
    }
    .wrapper .index-w .index-b-04 .tech-slides .swiper-slide .info .cpright {
        position: absolute;
        width: 100%;
        text-align: center;
        margin-top: 0;
        font-size: 8px;
        line-height: 18px;
        bottom: -335px;
    }
    .wrapper .index-w .index-b-04 .tech-slides .swiper-button-prev,
    .wrapper .index-w .index-b-04 .tech-slides .swiper-button-next {
        width: 44px;
        height: 44px;
        line-height: 46px;
        font-size: 19px;
    }
    .wrapper .index-w .index-b-04 .tech-slides .swiper-button-prev {
        left: 0;
    }
    .wrapper .index-w .index-b-04 .tech-slides .swiper-button-prev:after {
        display: inline-block;
        text-align: right;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f053";
        -webkit-text-stroke: 3px #fff;
    }
    .wrapper .index-w .index-b-04 .tech-slides .swiper-button-next {
        right: 0;
    }
    .wrapper .index-w .index-b-04 .tech-slides .swiper-button-next:after {
        display: inline-block;
        text-align: right;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f054";
        -webkit-text-stroke: 3px #fff;
    }
    .wrapper .index-w .index-b-05 .news-c {
        padding: 50px 0;
    }
    .wrapper .index-w .index-b-06 .info .tt {
        font-size: 18px;
        line-height: 18px;
    }
    .wrapper .index-w .index-b-06 .info .stt {
        margin: 10px 0 6px;
        font-size: 15px;
        line-height: 25px;
    }
    .wrapper .index-w .index-b-06 .info .filter {
        margin: 4px 0 10px;
    }
    .wrapper .index-w .index-b-06 .info .filter span {
        width: 10px;
    }
    .wrapper .index-w .index-b-06 .info .htt {
        font-size: 10px;
        line-height: 20px;
    }
    .wrapper .index-w .index-b-06 .info .op-b {
        width: 270px;
        margin: 20px auto 0;
    }
    .wrapper .index-w .index-b-06 .info .op-b p {
        margin-bottom: 15px;
        float: left;
    }
    .wrapper .index-w .index-b-06 .info .op-b p:first-child {
        margin-right: 10px;
    }
    .wrapper .index-w .index-b-06 .info .op-b .btn {
        height: 36px;
        width: 130px;
        -webkit-border-radius: 18px;
        -moz-border-radius: 18px;
        border-radius: 18px;
        line-height: 36px;
        padding-left: 0;
    }
    .wrapper .index-w .index-b-06 .info .op-b .btn img {
        width: 16px;
        margin-right: 6px;
    }
    .wrapper .index-w .index-b-06 .info .op-b .hint {
        width: 100%;
        margin-top: 0;
        font-size: 8px;
        line-height: 20px;
        text-align: center;
        color: rgba(0, 0, 0, 0.5);
    }
    .wrapper .index-w .index-b-07 {
        /*overflow-x: scroll;*/
    }
    .wrapper .index-w .index-b-07 .wrap {
        min-width: unset;
        width: 100%;
        padding: 20px 0;
        display: flex;
        align-items: flex-start;
        justify-content: center;
    }
    .wrapper .index-w .index-b-07 .wrap .col {
        width: 115px;
    }
    .wrapper .index-w .index-b-07 .wrap .col .box {
        width: 64px;
        height: 64px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        padding-top: 15px;
    }
    .wrapper .index-w .index-b-07 .wrap .col .box p {
        font-size: 8px;
        line-height: 15px;
    }
    .wrapper .index-w .index-b-07 .wrap .col .box img {
        height: 8px;
        margin-top: 0px;
    }
    .wrapper .index-w .index-b-07 .wrap .col .tt {
        font-size: 12px;
        line-height: 13px;
        margin-top: 20px;
        /*overflow: hidden;*/
        /*text-overflow: ellipsis;*/
        /*white-space: nowrap;*/
    }
    .wrapper .index-w .index-b-07 .wrap .col .stt {
        font-size: 9px;
        line-height: 20px;
        margin-top: 10px;
        /*overflow: hidden;*/
        /*text-overflow: ellipsis;*/
        /*white-space: nowrap;*/
    }
    .wrapper .index-w .index-b-08 .info {
        margin-left: 0;
        top: 30px;
        width: 100%;
        text-align: center;
    }
    .wrapper .index-w .index-b-08 .info .tt {
        font-size: 18px;
        line-height: 18px;
    }
    .wrapper .index-w .index-b-08 .info .stt {
        margin: 10px 0 6px;
        font-size: 15px;
        line-height: 20px;
    }
    .wrapper .index-w .index-b-08 .info .filter {
        margin: 4px 0 10px;
    }
    .wrapper .index-w .index-b-08 .info .filter span {
        width: 10px;
    }
    .wrapper .index-w .index-b-08 .info .htt {
        font-size: 10px;
        line-height: 20px;
    }
    .wrapper .index-w .index-b-08 .info .vest {
        height: 66px;
    }
    .wrapper .index-w .index-b-08 .cpright {
        font-size: 8px;
        line-height: 18px;
        bottom: 10px;
        margin-left: auto;
        width: 100%;
        text-align: center;
    }
    .wrapper .index-w .index-b-09 {
        overflow-x: scroll;
    }
    .wrapper .index-w .index-b-09 .wrap {
        min-width: 620px;
        width: 100%;
        padding: 20px 0;
        margin-top: 60px;
    }
    .wrapper .index-w .index-b-09 .wrap .col {
        width: 30%;
        margin-right: 10px;
    }
    .wrapper .index-w .index-b-09 .wrap .col img {
        height: 50px;
    }
    .wrapper .index-w .index-b-09 .wrap .col .tt {
        font-size: 13px;
        line-height: 13px;
        margin-top: 10px;
    }
    .wrapper .index-w .index-b-09 .wrap .col .stt {
        font-size: 9px;
        line-height: 15px;
        margin-top: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    /*.wrapper .index-w .index-b-09 .wrap .col:nth-child(2) img{*/
    /*height: 55px;*/
    /*}*/
    /*.wrapper .index-w .index-b-09 .wrap .col:nth-child(4) img {*/
    /*height: 45px;*/
    /*}*/
    /*.wrapper .index-w .index-b-09 .wrap .col:nth-child(3) img {*/
    /*height: 56px;*/
    /*padding-left: 7px;*/
    /*}*/
    /*.wrapper .index-w .index-b-09 .wrap .col:nth-child(1) img {*/
    /*height: 46px;*/
    /*}*/
    .wrapper .about-w .about-ww .view-item img {
        width: calc(50% - 4px);
    }
    .wrapper .about-w .about-ww .view-item img:first-child {
        margin-right: 1px;
    }
    .wrapper .about-w .about-ww .view-item img:last-child {
        margin-left: 1px;
    }
    .wrapper .about-w .about-ww .swiper-button-prev,
    .wrapper .about-w .about-ww .swiper-button-next {
        width: 25px;
        height: 44px;
        line-height: 46px;
        font-size: 19px;
    }
    .wrapper .about-w .b-btn-more {
        bottom: 30px;
    }
    .wrapper .about-w .b-btn-more .btn-more {
        height: 26px;
        line-height: 26px;
        -webkit-border-radius: 13px;
        -moz-border-radius: 13px;
        border-radius: 13px;
        font-size: 9px;
        padding: 0 12px;
    }
    .wrapper .about-w .row {
        display: block;
    }
    .wrapper .about-w .row .col {
        width: 100%;
        float: none;
        position: relative;
        text-align: center;
    }
    .wrapper .about-w .row .col.info {
        padding-top: 30px;
    }
    .wrapper .about-w .row .col.info .tt {
        font-size: 18px;
        line-height: 20px;
    }
    .wrapper .about-w .row .col.info .stt {
        font-size: 14px;
        line-height: 18px;
    }
    .wrapper .about-w .row .col.info .intro {
        font-size: 10px;
        line-height: 16px;
        /* overflow: hidden; */
        /* text-overflow: ellipsis; */
        white-space: wrap;
        padding: 0px 20px;
        line-height: 1.5em;
        text-align: justify;
    }
    .wrapper .about-w .row .col.info .filter {
        margin: 0 0 6px;
    }
    .wrapper .about-w .row .col.info .filter span {
        width: 10px;
        border-bottom: 1px #000 solid;
    }
    .wrapper .about-w .row.left .col {
        padding-left: 0;
    }
    .wrapper .about-w .row.right .col {
        padding-left: 0;
    }
    .wrapper .about-w .row.white .col {
        color: #fff;
    }
    .wrapper .about-w .row.white .col .intro {
        color: rgba(255, 255, 255, 0.6);
    }
    .wrapper .about-w .row.white .col .filter span {
        border-bottom: 2px #fff solid;
    }
    .wrapper .about-w .about-b-01 .row {
        height: auto;
        display: block;
    }
    .wrapper .about-w .about-b-01 .row .col {
        width: 100%;
        float: none;
    }
    .wrapper .about-w .about-b-01 .row .col.logo img {
        width: 50px;
        margin-top: 25px;
    }
    .wrapper .about-w .about-b-01 .row .col.logo .num {
        font-size: 60px;
        top: 64px;
    }
    .wrapper .about-w .about-b-01 .row .col.info {
        text-align: center;
        padding-top: 155px;
        padding-bottom: 80px;
    }
    .wrapper .about-w .about-b-01 .row .col.info .tt {
        font-size: 18px;
        line-height: 20px;
    }
    .wrapper .about-w .about-b-01 .row .col.info .stt {
        font-size: 14px;
        line-height: 18px;
    }
    .wrapper .about-w .about-b-01 .row .col.info .intro {
        font-size: 10px;
        line-height: 16px;
        padding: 0px 20px;
        line-height: 1.5em;
    }
    .wrapper .about-w .about-b-01 .row .col.info .filter {
        margin: 0 0 6px;
    }
    .wrapper .about-w .about-b-01 .row .col.info .filter span {
        width: 10px;
        border-bottom: 1px #000 solid;
    }
    .wrapper .about-w .about-b-05 {
        position: relative;
    }
    .wrapper .about-w .about-b-03 .info {
        margin-top: -100px;
    }
    .wrapper .about-w .about-b-04 .info {
        margin-top: -70px;
    }
    .wrapper .about-w .about-b-05 .info {
        margin-top: -630px;
    }
    .wrapper .about-w .about-b-05 .b-btn-more .btn-more {
        background-color: #fff;
    }
    .wrapper .about-w .about-b-06 {
        height: auto;
    }
    .wrapper .about-w .about-b-06 .row {
        position: relative;
    }
    .wrapper .about-w .about-b-06 .row .col {
        float: none;
    }
    .wrapper .about-w .about-b-06 .row .col.info {
        width: 100%;
        padding-left: 0;
        padding-top: 60px;
    }
    .wrapper .about-w .about-b-06 .row .col.info .tt {
        font-size: 18px;
        line-height: 20px;
    }
    .wrapper .about-w .about-b-06 .row .col.info .stt {
        font-size: 14px;
        line-height: 18px;
    }
    .wrapper .about-w .about-b-06 .row .col.info .intro {
        font-size: 10px;
        line-height: 16px;
        text-align: left;
        padding: 0 5%;
        box-sizing: border-box;
    }
    .wrapper .about-w .about-b-06 .row .col.info .intro .addr {
        font-size: 12px;
        line-height: 16px;
    }
    .wrapper .about-w .about-b-06 .row .col.info .sch-selector {
        margin: 0 auto;
        height: 36px;
        width: 260px;
        -webkit-border-radius: 18px;
        -moz-border-radius: 18px;
        border-radius: 18px;
        line-height: 36px;
        padding-left: 22px;
        text-align: left;
        font-size: 11px;
    }
    .wrapper .about-w .about-b-06 .row .col.info .sch-selector img {
        position: absolute;
        right: 18px;
        height: 11px;
        top: 14px;
    }
    .wrapper .about-w .about-b-06 .row .col.info .sch-selector .options {
        top: 50px;
        width: 260px;
        font-size: 11px;
    }
    .wrapper .about-w .about-b-06 .row .col.info .sch-selector .options .option {
        height: 36px;
        padding-left: 22px;
    }
    .wrapper .about-w .about-b-06 .row .col.info .filter {
        margin: 4px 0 10px;
    }
    .wrapper .about-w .about-b-06 .row .col.info .filter span {
        width: 10px;
        border-bottom: 2px #000 solid;
    }
    .wrapper .about-w .about-b-06 .row .col.info .filter.slim {
        margin: 10px 0 10px;
    }
    .wrapper .about-w .about-b-06 .row .col.map {
        width: 100%;
        padding-top: 100px;
        padding-bottom: 130px;
        padding-left: 165px;
    }
    .wrapper .about-w .about-b-06 .row .col.map>img {
        width: 290px;
        margin-left: -200px;
    }
    .wrapper .public-w .public-c .res-d {
        width: 100%;
    }
    .wrapper .public-w .public-c .res-d .res {
        position: relative;
        width: 100%;
        height: 250px;
        float: left;
        margin-right: 25px;
        margin-bottom: 30px;
    }
    .wrapper .public-w .public-c .res-d .res .info .name {
        font-size: 14px;
    }
    .wrapper .public-w .public-c .res-d .res .info .year {
        font-size: 12px;
    }
    .wrapper .public-w .public-c .res-d .res .res-d-cover {
        width: 100%;
        height: 188px;
    }
    .wrapper .recruit-w .recruit-b-01 {
        padding-top: 40px;
    }
    .wrapper .public-w .public-c .res-d .res .btn-play-img {
        width: 35px;
        height: 35px;
        position: absolute;
        top: calc(43% - 30px);
        left: calc(55% - 30px);
    }
    .wrapper .recruit-w .recruit-b-01 .tt {
        font-size: 17px;
        line-height: 26px;
    }
    .wrapper .recruit-w .recruit-b-01 .stt {
        font-size: 10px;
        line-height: 10px;
        color: rgba(0, 0, 0, 0.5);
    }
    .wrapper .recruit-w .recruit-b-01 .btn-recruit-2018 {
        height: 28px;
        line-height: 28px;
        -webkit-border-radius: 14px;
        -moz-border-radius: 14px;
        border-radius: 14px;
        font-size: 10px;
        margin-top: 16px;
        padding: 0 20px;
    }
    .wrapper .recruit-w .recruit-b-01 .filter {
        margin: 0 0 10px;
    }
    .wrapper .recruit-w .recruit-b-01 .filter span {
        width: 10px;
    }
    .wrapper .recruit-w .recruit-b-01 .schs-resp {
        margin-top: 80px;
        overflow-x: scroll;
        position: relative;
        padding-bottom: 80px;
    }
    .wrapper .recruit-w .recruit-b-01 .schs-resp .swiper-pagination {
        bottom: 30px;
        width: 100%;
        padding: 0 20px;
        z-index: 7;
    }
    .wrapper .recruit-w .recruit-b-01 .schs-resp .swiper-pagination .swiper-pagination-bullet {
        height: 1px;
        width: 10%;
        background-color: #222;
        margin: 0;
        border-radius: 0;
    }
    .wrapper .recruit-w .recruit-b-01 .schs-resp .swiper-pagination .swiper-pagination-bullet-active {
        height: 2px;
        background-color: #0101ff;
    }
    .wrapper .recruit-w .recruit-b-01 .sch {
        width: 375px;
        border-right: none;
    }
    .wrapper .recruit-w .recruit-b-01 .sch .logo {
        height: 50px;
        margin-bottom: 15px;
    }
    .wrapper .recruit-w .recruit-b-01 .sch .sch-name {
        font-size: 19px;
        line-height: 26px;
    }
    .wrapper .recruit-w .recruit-b-01 .sch .intro {
        margin-top: 15px;
        font-size: 13px;
        line-height: 18px;
    }
    .wrapper .recruit-w .recruit-b-01 .sch .last-res .rr .rtt {
        line-height: 30px;
    }
    .wrapper .recruit-w .recruit-b-01 .sch .last-res .rr:nth-child(1) .line {
        width: 56% !important;
    }
    .wrapper .recruit-w .recruit-b-01 .sch .last-res .rr:nth-child(2) .line {
        width: 72% !important;
    }
    .wrapper .recruit-w .recruit-b-01 .sch .last-res .rr:nth-child(3) .line {
        width: 80% !important;
    }
    .wrapper .recruit-w .recruit-b-03 {
        position: relative;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item {
        /*height: 680px;*/
        padding-top: 30px;
        padding-bottom: 85px;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .tt {
        font-size: 14px;
        line-height: 26px;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .stt {
        font-size: 10px;
        line-height: 20px;
        color: rgba(0, 0, 0, 0.5);
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .filter {
        margin: 0 0 10px;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .filter span {
        width: 10px;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .qrcode-info {
        margin-top: 100px;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .qrcode-info .qrcode {
        height: 100px;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .qrcode-info .hint {
        font-size: 9px;
        line-height: 12px;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .select-icon {
        margin-top: 10px;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .select-icon span {
        width: 14px;
        height: 14px;
        font-size: 9px;
        line-height: 14px;
        -webkit-text-stroke: 1px #DEDEDE;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .role-selector {
        margin: 100px auto 0;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .role-selector .col {
        padding: 20px 0;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .role-selector .col .role {
        width: 86px;
        margin-bottom: 20px;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .role-selector .col .tt-en {
        font-size: 12px;
        line-height: 12px;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .role-selector .col .tt-zh {
        font-size: 10px;
        line-height: 20px;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .baoming-form {
        margin: 30px auto 0;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .baoming-form .form-control {
        margin: 12px 0;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .baoming-form .form-control input {
        width: 220px;
        height: 36px;
        -webkit-border-radius: 18px;
        -moz-border-radius: 18px;
        border-radius: 18px;
        font-size: 10px;
        line-height: 36px;
        padding: 0 18px;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .baoming-form .form-control select {
        width: 220px;
        height: 36px;
        -webkit-border-radius: 18px;
        -moz-border-radius: 18px;
        border-radius: 18px;
        font-size: 10px;
        line-height: 36px;
        padding: 0 18px;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .baoming-form .form-control .selector {
        width: 220px;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .baoming-form .form-control .selector .col {
        width: 110px;
        height: 36px;
        font-size: 10px;
        line-height: 36px;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .baoming-form .form-control .selector .col:first-child {
        border-top-left-radius: 18px;
        border-bottom-left-radius: 18px;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .baoming-form .form-control .selector .col:last-child {
        border-top-right-radius: 18px;
        border-bottom-right-radius: 18px;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .baoming-form .form-control .btn-submit {
        width: 220px;
        height: 36px;
        -webkit-border-radius: 18px;
        -moz-border-radius: 18px;
        border-radius: 18px;
        font-size: 10px;
        line-height: 36px;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .baoming-form .form-control .select-icon {
        margin-top: 12px;
        right: calc(50% - 136px);
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .baoming-form .form-control .icon-adown {
        left: calc(50% + 86px);
        top: 14px;
        height: 10px;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .baoming-form .form-control.filter .split {
        width: 220px;
        margin: 20px auto 0;
        padding-top: 20px;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .sch-addrs-slide {
        margin-top: 36px;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .sch-addrs-slide .addr-b {
        width: calc(100% - 40px);
        height: 340px;
        padding: 20px 12px;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .sch-addrs-slide .addr-b .top-icons img {
        width: 44px;
        margin: 0 10px;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .sch-addrs-slide .addr-b .info {
        line-height: 16px;
        margin-top: 18px;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .sch-addrs-slide .addr-b .info .ltt {
        width: 60px;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .sch-addrs-slide .addr-b .info .vv {
        margin-left: 10px;
        width: calc(100% - 70px);
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .sch-chooser {
        padding: 0 20px;
        width: 100%;
        margin: 20px auto 0;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .sch-chooser .col p {
        font-size: 10px;
        line-height: 16px;
    }
    .wrapper .recruit-w .recruit-b-03 .baoming-item .sch-chooser .col .cstt {
        margin: 8px 0;
    }
    .wrapper .recruit-w .recruit-b-05 .b05-item {
        height: auto;
        padding-top: 30px;
    }
    .wrapper .recruit-w .recruit-b-05 .b05-item .tt {
        font-size: 14px;
        line-height: 26px;
    }
    .wrapper .recruit-w .recruit-b-05 .b05-item .stt {
        font-size: 10px;
        line-height: 10px;
        color: rgba(0, 0, 0, 0.5);
    }
    .wrapper .about-w .about-b-01 .row .col.logo {
        text-align: center;
        margin-top: 15px;
    }
    .wrapper .recruit-w .recruit-b-05 .b05-item .filter {
        margin: 0 0 10px;
    }
    .wrapper .recruit-w .recruit-b-05 .b05-item .filter span {
        width: 10px;
    }
    .wrapper .recruit-w .recruit-b-05 .b05-item .process-slide {
        margin-top: 36px;
    }
    .wrapper .recruit-w .recruit-b-05 .b05-item .process-slide .process-b {
        width: calc(100% - 40px);
        height: 280px;
        padding: 54px 0 0;
    }
    .wrapper .recruit-w .recruit-b-05 .b05-item .process-slide .process-b img {
        width: 50px;
    }
    .wrapper .recruit-w .recruit-b-05 .b05-item .process-slide .process-b .ptt {
        font-size: 12px;
        line-height: 16px;
        margin-top: 24px;
    }
    .wrapper .recruit-w .recruit-b-05 .b05-item .process-slide .process-b .pstt {
        font-size: 10px;
        line-height: 16px;
    }
    .wrapper .recruit-w .recruit-b-05 .b05-item .process-chooser {
        width: 100%;
        padding: 0 20px 40px;
        margin: 30px auto 0;
    }
    .wrapper .recruit-w .recruit-b-05 .b05-item .process-chooser .col .ctt {
        font-size: 22px;
        line-height: 22px;
    }
    .wrapper .recruit-w .recruit-b-05 .b05-item .process-chooser .col .cstt {
        font-size: 10px;
        line-height: 20px;
        padding: 8px 0;
    }
    .wrapper .recruit-w .recruit-b-05 .b05-item .process-chooser .col.active {
        border-bottom: 2px #000 solid;
    }
    .wrapper .recruit-w .recruit-b-05 .b05-item .qaa {
        margin: 20px auto;
        width: 100%;
        padding: 0 20px;
    }
    .wrapper .recruit-w .recruit-b-05 .b05-item .qaa .qa1 .qq {
        font-size: 12px;
        line-height: 18px;
    }
    .wrapper .recruit-w .recruit-b-05 .b05-item .qaa .qa1 .qq .seq {
        width: 20px;
        height: 20px;
        padding-right: 10px;
        display: inline-block;
        vertical-align: top;
        background-size: 20px 20px;
        margin-right: 2px;
    }
    .wrapper .recruit-w .recruit-b-05 .b05-item .qaa .qa1 .qq .vv {
        display: inline-block;
        width: calc(100% - 30px);
    }
    .wrapper .recruit-w .recruit-b-05 .b05-item .qaa .qa1 .qq:after {
        line-height: 18px;
    }
    .wrapper .recruit-w .recruit-b-05 .b05-item .qaa .qa1 .aa {
        padding-left: 20px;
        font-size: 10px;
        line-height: 16px;
        margin-top: 4px;
        padding-bottom: 10px;
    }
    .wrapper .recruit-w .recruit-b-05 .b05-item .qaa .qa1.active {
        margin-bottom: 14px;
    }
    .wrapper .recruit-w .recruit-b-05 .b05-item .qaa .qa1.active .qq {
        font-weight: bold;
        color: #000;
    }
    .wrapper .recruit-w .recruit-b-05 .b05-item .qaa .qa1.active .qq:after {
        content: "\f067";
        color: #000;
    }
    .wrapper .teach-w .teacher-b .info {
        width: 100%;
        text-align: center;
        left: 0;
        top: 70px;
    }
    .wrapper .teach-w .teacher-b .info .tt {
        font-size: 18px;
        line-height: 20px;
    }
    .wrapper .teach-w .teacher-b .info .stt {
        margin: 10px 0 10px;
        font-size: 14px;
        line-height: 20px;
    }
    .wrapper .teach-w .teacher-b .info .t-name {
        font-size: 10px;
        line-height: 16px;
    }
    .wrapper .teach-w .teacher-b .info .t-intro {
        font-size: 10px;
        line-height: 14px;
    }
    .wrapper .teach-w .teacher-b .info .filter {
        margin: 0 0 4px;
    }
    .wrapper .teach-w .teacher-b .info .filter span {
        width: 10px;
    }
    .wrapper .teach-w .teacher-b .info .cpright {
        margin-top: 8px;
        font-size: 8px;
        line-height: 8px;
    }
    .wrapper .teach-w .teachers {
        padding: 40px 0 40px;
    }
    .wrapper .teach-w .teachers .tt {
        font-size: 15px;
        line-height: 15px;
    }
    .wrapper .teach-w .teachers .filter {
        margin: 6px 0 16px;
    }
    .wrapper .teach-w .teachers .filter span {
        width: 12px;
    }
    .wrapper .teach-w .teachers .teachs-c {
        width: 100%;
        margin: 28px 0 0;
        padding: 0 20px;
    }
    .wrapper .teach-w .teachers .teachs-c .teach {
        width: 50%;
        height: 230px;
    }
    .wrapper .teach-w .teachers .teachs-c .teach .info {
        line-height: 12px;
    }
    .wrapper .teach-w .teachers .teachs-c .teach .hov-info {
        width: 200%;
        height: 230px;
    }
    .wrapper .teach-w .teachers .teachs-c .teach .hov-info .col.col1 {
        padding-top: 72px;
    }
    .wrapper .teach-w .teachers .teachs-c .teach .hov-info .col.col1 .no {
        font-size: 8px;
        line-height: 14px;
    }
    .wrapper .teach-w .teachers .teachs-c .teach .hov-info .col.col1 .seq {
        font-size: 54px;
        font-weight: bold;
    }
    .wrapper .teach-w .teachers .teachs-c .teach .hov-info .col.col2 {
        padding: 15px 20px;
    }
    .wrapper .teach-w .teachers .teachs-c .teach .hov-info .col.col2 .name-en {
        font-size: 20px;
        line-height: 22px;
    }
    .wrapper .teach-w .teachers .teachs-c .teach .hov-info .col.col2 .intro {
        font-size: 10px;
        line-height: 14px;
    }
    .wrapper .teach-w .teachers .teachs-c .teach .hov-info .col.col2 .resume {
        font-size: 9px;
        line-height: 14px;
    }
    .wrapper .teach-w .teachers .teachs-c .teach .hov-info .col.col2 .filter {
        margin: 2px 0 8px;
    }
    .wrapper .teach-w .teachers .teachs-c .teach .hov-info .col.col2 .btn-more {
        left: 15px;
        bottom: 15px;
        height: 24px;
        line-height: 24px;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
        font-size: 9px;
        margin-top: 0;
        padding: 0 12px;
    }
    .wrapper .teach-w .teachers .teachs-c .teach:nth-child(2n) .hov-info {
        left: auto !important;
        right: 0 !important;
    }
    .wrapper .teach-w .teachers .teachs-c .teach:nth-child(5n) .hov-info {
        left: 0;
        right: auto;
    }
    .wrapper .teach-w .works-w {
        padding-top: 20px;
    }
    .wrapper .teach-w .works-w .works {
        width: 100%;
        padding: 0 10px;
    }
    .wrapper .teach-w .works-w .works .work {
        width: calc(50% - 20px);
        height: 210px;
        margin: 0 10px 20px;
    }
    .wrapper .teach-w .works-w .works .work .info {
        left: 10px;
        bottom: 10px;
        line-height: 12px;
    }
    .wrapper .teach-w .works-w .works .work .back-info {
        padding: 20px 15px;
    }
    .wrapper .teach-w .works-w .works .work .back-info .work-name {
        font-size: 20px;
        line-height: 20px;
        font-weight: normal;
    }
    .wrapper .teach-w .works-w .works .work .back-info .work-name span {
        width: 12px;
        margin-left: 6px;
    }
    .wrapper .teach-w .works-w .works .work .back-info .intro {
        margin: 6px 0;
        font-size: 12px;
        line-height: 12px;
    }
    .wrapper .teach-w .works-w .works .work .back-info .kv {
        font-size: 10px;
        line-height: 16px;
    }
    .wrapper .teach-w .works-w .works .work .back-info .kv .kk {
        margin-right: 10px;
    }
    .wrapper .teach-w .works-w .works .work .back-info .btn-more {
        left: 15px;
        bottom: 15px;
        height: 24px;
        line-height: 24px;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
        font-size: 9px;
        margin-top: 0;
        padding: 0 12px;
    }
    .wrapper .teach-w .publish-w {
        padding-top: 20px;
    }
    .wrapper .teach-w .publish-w .publishes {
        width: 100%;
        margin: 0 auto;
        padding: 0 20px;
    }
    .wrapper .teach-w .publish-w .publishes .publish {
        width: calc(100% / 3 - 14px);
        height: 150px;
        margin-right: 20px;
        margin-bottom: 20px;
    }
    .wrapper .teach-w .publish-w .publishes .publish .slide {
        bottom: 50px;
    }
    .wrapper .teach-w .publish-w .publishes .publish .info {
        height: 50px;
        padding: 10px 0 0 10px;
    }
    .wrapper .teach-w .publish-w .publishes .publish .info .name {
        font-size: 10px;
        line-height: 15px;
        font-weight: normal;
    }
    .wrapper .teach-w .publish-w .publishes .publish .info .author {
        right: 10px;
        bottom: 13px;
        font-size: 8px;
        line-height: 10px;
    }
    .wrapper .teach-w .publish-w .publishes .publish:nth-child(4n) {
        margin-right: 20px;
    }
    .wrapper .teach-w .publish-w .publishes .publish:nth-child(3n) {
        margin-right: 0 !important;
    }
    .wrapper .teach-w .publish-w .publishes .publish:hover .info {
        display: block;
    }
    .wrapper .teach-w .publish-w .publishes .publish:hover .back-info {
        display: none;
    }
    .wrapper .news-w .news-c {
        padding-top: 30px;
    }
    .wrapper .news-w .news-c .news-list {
        width: 100%;
        padding: 0 10px;
        margin: 0 auto;
    }
    .wrapper .news-w .news-c .news-list .news {
        width: calc(50% - 20px);
        height: 281px;
        margin: 0 10px 20px;
    }
    .wrapper .news-w .news-c .news-list .news:nth-child(4n) {
        margin-right: auto;
    }
    .wrapper .news-w .news-c .news-list .news .front .news-img {
        height: 120px;
    }
    .wrapper .news-w .news-c .news-list .news .front .intro {
        padding: 10px 10px 0;
        height: 163px;
    }
    .wrapper .news-w .news-c .news-list .news .front .intro .itt {
        margin-top: 6px;
    }
    .wrapper .news-w .news-c .news-list .news .front .intro .datetime {
        bottom: 10px;
        left: 10px;
    }
    .wrapper .news-w .news-c .news-list .news .back {
        padding: 10px 15px 0;
    }
    .wrapper .news-w .news-c .news-list .news .back .tt {
        font-size: 14px;
        line-height: 18px;
    }
    .wrapper .news-w .news-c .news-list .news .back .more {
        bottom: 20px;
        left: 15px;
    }
    .wrapper .news-w .top-b.fixed {
        display: none;
    }
    .wrapper .news-w .news-detail {
        margin-top: 60px;
    }
    .wrapper .news-w .news-detail .tt {
        /*height: 56px;*/
        /*text-align: left;*/
        /*line-height: 56px;*/
        /*padding-left: 20px;*/
    }
    .wrapper .news-w .news-detail .tt p {
        width: calc(100% - 56px);
        font-size: 14px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .wrapper .news-w .news-detail .tt .detail-close {
        width: 56px;
        height: 56px;
        line-height: 56px;
        -webkit-text-stroke: 4px #FED130;
        font-size: 24px;
    }
    .wrapper .news-w .news-detail .detail-box {
        width: 100%;
        margin-top: 30px;
    }
    .wrapper .news-w .news-detail .detail-box .detail-right .detail-right-text p {
        font-size: 12px;
    }
    .wrapper .news-w .news-detail .detail-box .detail-right .detail-right-text img {
        width: 100%;
        border-radius: 5px
    }
    .wrapper .news-w .news-detail .detail-box .detail-right .detail-right-content {
        padding: 25px 6px;
    }
    .wrapper .news-w .news-detail .detail-box .detail-right .news-hrf .news-icon1,
    .wrapper .news-w .news-detail .detail-box .detail-right .news-hrf .news-icon2 {
        width: 30px;
    }
    .wrapper .news-w .news-detail .detail {
        width: 100%;
    }
    .wrapper .news-w .news-detail .detail-box .detail-right {
        width: 100%;
    }
    .wrapper .news-w .news-detail .detail-box .detail-right .news-hrf a {
        font-size: 10px;
    }
    .wrapper .news-w .news-detail .detail-box .detail-right .news-hrf .news-icon1,
    .wrapper .news-w .news-detail .detail-box .detail-right .news-hrf .news-icon2 {
        display: inline-block;
        width: 30px;
        height: 30px;
        line-height: 30px;
        border-radius: 50%;
        text-align: center;
        color: #ffffff;
        margin-right: 6px;
        font-size: 10px;
    }
    .wrapper .news-w .news-detail .detail {
        padding: 20px 8px;
    }
    .wrapper .news-w .news-detail .detail .datetime {
        height: 44px;
        text-align: left;
        font-size: 9px;
        line-height: 44px;
    }
    .wrapper .news-w .news-detail .detail img {
        margin-bottom: 10px;
    }
    .wrapper .news-w .news-detail .detail p {
        font-size: 12px;
        line-height: 22px;
    }
    .wrapper .news-w .news-detail .detail iframe {
        width: 100%;
        /*height: 300px !important;*/
    }
    .wrapper .public-w .public-c {
        padding: 30px 20px;
    }
    .wrapper .public-w .public-c .tt {
        font-size: 14px;
        line-height: 26px;
    }
    .wrapper .public-w .public-c .stt {
        font-size: 10px;
        line-height: 10px;
        color: rgba(0, 0, 0, 0.5);
    }
    .wrapper .public-w .public-c .filter {
        margin: 0 0 10px;
    }
    .wrapper .public-w .public-c .filter span {
        width: 10px;
    }
    .video-c {
        position: fixed;
        /*margin: 60px auto;*/
        top: calc(50% - 90px);
        left: calc(50% - 169px);
        width: 90%;
        display: none;
        z-index: 100001;
        border: 7px solid rgba(14, 31, 201, .8);
    }
    .video-c .v-shadow {
        padding-top: 30px;
    }
    .video-c .v-shadow .vtt {
        font-size: 18px;
        line-height: 24px;
    }
    .closeIconz {
        position: absolute;
        top: 20px;
        right: 20px;
        z-index: 100002;
        width: 4%;
    }
    .video-c .v-shadow .vstt {
        font-size: 10px;
        line-height: 16px;
    }
    .video-c .v-shadow .filter {
        margin: 0 0 6px;
    }
    .video-c .v-shadow .filter span {
        width: 10px;
    }
    .video-c .v-shadow .btn-play {
        width: 36px;
        cursor: pointer;
        margin-top: 15px;
    }
    .video-c .v-shadow .op-b {
        margin-top: 10px;
    }
    .video-c .v-shadow .op-b p {
        margin-bottom: 15px;
    }
    .video-c .v-shadow .op-b .btn {
        height: 32px;
        width: 160px;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px;
        line-height: 32px;
        padding-left: 30px;
        text-align: left;
    }
    .video-c .v-shadow .op-b .btn img {
        width: 16px;
        margin-right: 10px;
        vertical-align: text-bottom;
    }
    .video-c .v-shadow .op-b .hint {
        margin-top: 10px;
        font-size: 9px;
        line-height: 14px;
    }
    .wrapper .public-w .public-c .res-c {
        position: relative;
        width: 100%;
        padding: 0 10px;
        margin: 30px auto 0;
    }
    .wrapper .public-w .public-c .res-c .res {
        width: calc(50% - 20px);
        height: 180px;
        margin: 0 10px 20px;
    }
    .wrapper .public-w .public-c .res-c .res .info {
        left: 10px;
        bottom: 10px;
        font-size: 9px;
        line-height: 12px;
        text-align: left;
    }
    .wrapper .public-w .public-c .res-c .res:nth-child(4n) {
        margin-right: auto;
    }
    .wrapper .sch-w .top-b .row .col {
        text-align: center;
        width: 100%;
        margin-left: 0;
        padding-top: 10px;
    }
    .wrapper .sch-w .top-b .row .col .tt {
        font-size: 26px;
        line-height: 30px;
    }
    .wrapper .sch-w .top-b .row .col .stt {
        font-size: 14px;
        line-height: 16px;
    }
    .wrapper .sch-w .top-b .row .col .sch-selector {
        margin: 10px auto 0;
        height: 32px;
        width: 220px;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px;
        line-height: 32px;
        text-align: left;
        font-size: 10px;
    }
    .wrapper .sch-w .top-b .row .col .sch-selector img {
        right: 15px;
        height: 12px;
        top: 11px;
    }
    .wrapper .sch-w .top-b .row .col .sch-selector .options {
        top: 50px;
        width: 220px;
    }
    .wrapper .sch-w .top-b .row .col .sch-selector .options .option {
        height: 32px;
    }
    .wrapper .sch-w .top-b .row .col .intro {
        font-size: 10px;
        line-height: 14px;
        padding: 0 20%;
        text-align: left;
    }
    .wrapper .sch-w .top-b .row .col .intro .addr {
        font-size: 10px;
        line-height: 12px;
        margin-bottom: 10px;
    }
    .wrapper .sch-w .top-b .row .col .intro .cc {
        text-align: left;
    }
    .wrapper .sch-w .top-b .row .col .intro .cc .ll {
        width: 50px;
    }
    .wrapper .sch-w .top-b .row .col .filter {
        margin: 0 0 4px;
    }
    .wrapper .sch-w .top-b .row .col .filter span {
        width: 10px;
    }
    .wrapper .sch-w .sch-tabs {
        /*padding: 30px 0;*/
    }
    .wrapper .sch-w .sch-tabs .sch-intro {
        width: 100%;
        padding: 0 20px;
        margin: 0 auto;
    }
    .wrapper .sch-w .sch-tabs .sch-intro .tt {
        text-align: center;
        font-size: 24px;
        line-height: 28px;
    }
    .wrapper .teach-w .teachers .teachs-c .teach .hov-info .col.col2 .resume {
        height: 44px;
    }
    .wrapper .sch-w .sch-tabs .sch-intro .filter {
        text-align: center;
        margin: 4px 0 16px;
    }
    .wrapper .sch-w .sch-tabs .sch-intro .filter span {
        width: 10px;
        border-bottom: 2px #000 solid;
        height: 2px;
        display: inline-block;
    }
    .wrapper .sch-w .sch-tabs .sch-intro .row {
        width: 100%;
    }
    .wrapper .sch-w .sch-tabs .sch-intro .row .col {
        width: 100%;
        float: none;
    }
    .wrapper .sch-w .sch-tabs .sch-intro .row .col p {
        /*font-size: 10px;*/
        line-height: 19px;
        margin-bottom: 10px;
    }
    .wrapper .sch-w .sch-tabs .sch-tabs-box
    {
        
        width: 100%;
    overflow: hidden;
    padding: 50px 0;
    height: 637px;
    background-color: #F7F7F7;
        }
    .wrapper .sch-w .sch-tabs .sch-intro .row .col img {
        width: 100%;
        margin-bottom: 10px;
    }
    .wrapper .sch-w .sch-tabs .sch-intro .row .col:first-child {
        padding-right: 15px;
    }
    .wrapper .sch-w .sch-tabs .sch-intro .row .col-text {
        height: 191px;
        margin-bottom: 30px;
    }
    .wrapper .sch-w .sch-tabs .sch-pics {
        width: 100%;
        padding: 0 10px;
        margin: 0 auto;
    }
    .wrapper .sch-w .sch-tabs .sch-intro .row .col:last-child {
        padding-left: 0px;
    }
    .wrapper .sch-w .sch-tabs .sch-pics {
        /*        height: 355px;*/
    }
    .wrapper .sch-w .sch-tabs .sch-pics .sch-pic {
        width: calc(50% - 20px);
        height: 100px;
        margin: 0 10px 20px;
    }
    .wrapper .sch-w .sch-tabs .sch-pics .sch-pic:nth-child(4n) {
        margin-right: auto;
    }
    .wrapper .sch-w .sch-tabs .sch-pics .sch-pic .info {
        left: 10px;
        bottom: 10px;
    }
    .wrapper .sch-w .sch-tabs .sch-pics .sch-pic .info .en {
        font-size: 10px;
        line-height: 12px;
    }
    .wrapper .sch-w .sch-tabs .sch-pics .sch-pic .info .zh {
        font-size: 8px;
        line-height: 12px;
    }
    .wrapper .union-w .row {
        top: 0;
        margin-top: 25px;
    }
    .wrapper .union-w .row .col {
        width: 100%;
        float: none;
    }
    /*.wrapper .union-w .row .col.info {*/
    /*padding-top: 100px;*/
    /*padding-bottom: 80px;*/
    /*text-align: center;*/
    /*}*/
    .wrapper .union-w .un-b-01 .row .col.logo-coo {
        width: 100%;
        margin-top: -122px;
        padding-right: 36px;
    }
    .wrapper .union-w .un-b-01 .row .col.logo-coo img {
        width: 100%;
    }
    .wrapper .union-w .row .col.info-coo {
        padding-bottom: 45px;
        text-align: center;
        width: 100%;
    }
    .wrapper .union-w .row .col.info-coo .tt {
        margin-top: 30px;
    }
    .wrapper .union-w .row .col.info .tt {
        font-size: 18px;
        line-height: 20px;
    }
    .wrapper .union-w .row .col.info .stt {
        font-size: 12px;
        line-height: 18px;
    }
    .wrapper .union-w .row .col.info .intro {
        font-size: 10px;
        line-height: 16px;
        text-align: center;
        line-height: 2em;
    }
    .wrapper .union-w .row .col.info .filter {
        margin: 4px 0 10px;
    }
    .wrapper .union-w .row .col.info .filter span {
        width: 10px;
    }
    .wrapper .union-w .row.left .col {
        padding-top: 40px;
        padding-left: 0;
    }
    .wrapper .union-w .row.right .col {
        padding-left: 0;
    }
    .wrapper .union-w .un-b-01 {
        position: relative;
        height: auto;
        background-color: #fff;
    }
    .wrapper .union-w .un-b-01 .row {
        position: relative;
    }
    .wrapper .union-w .un-b-01 .row .col {
        text-align: center;
    }
    .wrapper .union-w .un-b-01 .row .col.logo {
        padding-left: 0;
        float: none;
        text-align: center;
        width: 100%;
    }
    .wrapper .union-w .un-b-01 .row .col.logo img {
        width: 180px;
        margin-top: 60px;
    }
    .wrapper .union-w .un-b-04 .b05-item {
        height: 515px;
        padding-top: 30px;
    }
    .wrapper .union-w .un-b-04 .b05-item .tt {
        font-size: 14px;
        line-height: 26px;
    }
    .wrapper .union-w .un-b-04 .b05-item .stt {
        font-size: 10px;
        line-height: 16px;
        color: rgba(0, 0, 0, 0.5);
    }
    .wrapper .union-w .un-b-04 .b05-item .filter {
        margin: 0 0 10px;
    }
    .wrapper .union-w .un-b-04 .b05-item .filter span {
        width: 10px;
    }
    .wrapper .union-w .un-b-04 .b05-item .process-slide {
        margin-top: 36px;
    }
    .wrapper .union-w .un-b-04 .b05-item .process-slide .process-b {
        width: calc(100% - 40px);
        height: 280px;
        padding: 54px 0 0;
    }
    .wrapper .union-w .un-b-04 .b05-item .process-slide .process-b img {
        width: 50px;
    }
    .wrapper .union-w .un-b-04 .b05-item .process-slide .process-b .ptt {
        font-size: 12px;
        line-height: 16px;
        margin-top: 24px;
    }
    .wrapper .union-w .un-b-04 .b05-item .process-slide .process-b .pstt {
        font-size: 10px;
        line-height: 16px;
    }
    .wrapper .union-w .un-b-04 .b05-item .process-chooser {
        width: 100%;
        padding: 0 6px 40px;
        margin: 30px auto 0;
    }
    .wrapper .union-w .un-b-04 .b05-item .process-chooser .col .ctt {
        font-size: 22px;
        line-height: 22px;
    }
    .wrapper .union-w .un-b-04 .b05-item .process-chooser .col .cstt {
        font-size: 10px;
        line-height: 20px;
        padding: 8px 0;
    }
    .wrapper .union-w .un-b-04 .b05-item .process-chooser .col.active {
        border-bottom: 2px #000 solid;
    }
    .wrapper .union-w .un-b-04 .b05-item .select-icon {
        margin-top: 10px;
    }
    .wrapper .union-w .un-b-04 .b05-item .select-icon span {
        width: 14px;
        height: 14px;
        font-size: 9px;
        line-height: 14px;
        -webkit-text-stroke: 1px #DEDEDE;
    }
    .wrapper .union-w .un-b-04 .b05-item .baoming-form {
        margin: 30px auto 0;
    }
    .wrapper .union-w .un-b-04 .b05-item .baoming-form .form-control {
        margin: 12px 0;
    }
    .wrapper .union-w .un-b-04 .b05-item .baoming-form .form-control input {
        width: 220px;
        height: 36px;
        -webkit-border-radius: 18px;
        -moz-border-radius: 18px;
        border-radius: 18px;
        font-size: 10px;
        line-height: 36px;
        padding: 0 18px;
    }
    .wrapper .union-w .un-b-04 .b05-item .baoming-form .form-control select {
        width: 220px;
        height: 36px;
        -webkit-border-radius: 18px;
        -moz-border-radius: 18px;
        border-radius: 18px;
        font-size: 10px;
        line-height: 36px;
        padding: 0 18px;
    }
    .wrapper .union-w .un-b-04 .b05-item .baoming-form .form-control .selector {
        width: 220px;
    }
    .wrapper .union-w .un-b-04 .b05-item .baoming-form .form-control .selector .col {
        width: 110px;
        height: 36px;
        font-size: 10px;
        line-height: 36px;
    }
    .wrapper .union-w .un-b-04 .b05-item .baoming-form .form-control .selector .col:first-child {
        border-top-left-radius: 18px;
        border-bottom-left-radius: 18px;
    }
    .wrapper .union-w .un-b-04 .b05-item .baoming-form .form-control .selector .col:last-child {
        border-top-right-radius: 18px;
        border-bottom-right-radius: 18px;
    }
    .wrapper .union-w .un-b-04 .b05-item .baoming-form .form-control .btn-submit {
        width: 220px;
        height: 36px;
        -webkit-border-radius: 18px;
        -moz-border-radius: 18px;
        border-radius: 18px;
        font-size: 10px;
        line-height: 36px;
    }
    .wrapper .union-w .un-b-04 .b05-item .baoming-form .form-control .select-icon {
        margin-top: 12px;
        right: calc(50% - 136px);
    }
    .wrapper .union-w .un-b-04 .b05-item .baoming-form .form-control .icon-adown {
        left: calc(50% + 86px);
        top: 14px;
        height: 10px;
    }
    .wrapper .union-w .un-b-04 .b05-item .baoming-form .form-control.filter .split {
        width: 220px;
        margin: 20px auto 0;
        padding-top: 20px;
    }
    /*选择课程top*/
    .wrapper .navs_index .wrap {
        width: 100%;
        height: 100px;
        box-sizing: border-box;
        white-space: nowrap;
        text-align: center;
        display: flex;
        align-items: center;
        margin-top: 5px;
        overflow-x: auto;
        overflow-y: hidden;
    }
    .wrapper .navs_index .wrap .n-item {
        width: 30%;
        display: inline-block;
        height: 100px;
        box-sizing: border-box;
        font-size: 12px;
        cursor: pointer;
        background-color: #e6e6e6;
        color: #000000;
        margin-right: 1px;
        position: relative;
        flex-shrink: 0;
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: center;
        padding: 0;
    }
    .wrapper .navs_index .wrap .n-item .index-05-text1 {
        font-size: 20px;
        padding: 0.5rem 0 0.2rem;
        margin-top: 0.2rem;
    }
    .wrapper .navs_index .wrap .n-item .index-05-text1 {
        font-size: 12px;
        /*margin-left: -6px;*/
    }
    .wrapper .navs_index .wrap .n-item .index-05-text2 {
        display: none;
    }
    .wrapper .navs_index .wrap .n-item.active,
    .wrapper .navs_index .wrap .n-item:hover {
        /*background-image: url("../images/img-05-bg.png");*/
        color: #ffffff;
    }
    .wrapper .navs_index .wrap .n-item .img-05-1 {
        /*position: absolute;*/
        /*top: 30px;*/
        /*left: 36%;*/
        /*width:1.5rem;*/
    }
    .wrapper .navs_index .wrap .n-item .img-05-1 img {
        width: 1.5rem;
    }
    .wrapper .navs_index .wrap .n-item .img_active {
        display: none;
    }
    .wrapper .index-b-09 .wrap .col .img2 {
        display: none;
    }
    .wrapper .index-b-09 .wrap .col {
        position: relative;
    }
    .wrapper .index-b-09 .wrap .col img {
        /*position: absolute;*/
        /*top: -50px;*/
    }
    .wrapper .index-b-09 .wrap .col .horse1 {
        /*position: absolute;*/
        /*left: 10px;*/
    }
    .wrapper .index-b-09 .wrap .col .horse2 {
        /*position: absolute;*/
        /*left: 25px;*/
    }
    .wrapper .index-b-09 .wrap .col .horse3 {
        /*position: absolute;*/
        /*left: 21px;*/
    }
    .wrapper .index-b-09 .wrap .col .horse4 {
        /*position: absolute;*/
        /*left: 5px;*/
    }
    .wrapper .index-b-09 .wrap .col .horse5 {
        /*position: absolute;*/
        /*left: 16px;*/
    }
    /*选择课程 end*/
    /*联系我们 500以下top*/
    .contact_us {
        width: 100%;
        padding: 60px 0px 60px;
        background-color: #F7F7F7;
    }
    .contact_us .wrap {
        width: 100%;
        margin: 0 auto;
    }
    .contact_us .wrap .wrap_box {
        width: 100%;
    }
    .contact_us .wrap .wrap_box .contact_left {
        /*width:47%;*/
        width: 100%;
        float: left;
        padding-left: 9%;
        font-size: 12px;
    }
    .contact_us .wrap .wrap_box .contact_left .con_left_l {
        width: 50%;
        float: left;
        margin-bottom: 30px;
    }
    .contact_us .wrap .wrap_box .contact_left .contact_left_r {
        width: 45%;
        float: left;
        margin-left: 10px
    }
    .contact_us .wrap .wrap_box .contact_left .con_left_l .con_title_tel {
        font-size: 14px;
    }
    .contact_us .wrap .wrap_box .contact_left .con_left_l .con_text {
        display: inline-block;
        margin-top: 10px;
        margin-bottom: 20px;
        vertical-align: top;
    }
    .contact_us .wrap .wrap_box .contact_left .con_left_l .con_text span {
        display: inline-block;
        vertical-align: top;
        font-size: 12px;
    }
    .contact_us .wrap .wrap_box .contact_left .con_left_l .con_text .con_address {
        width: 150px;
        font-size: 12px;
    }
    .contact_us .wrap .wrap_box .contact_right {
        width: 100%;
        /* float: left; */
        text-align: left;
        margin-right: 26px;
    }
    .contact_us .wrap .wrap_box .contact_left .con_left_l .con_line {
        width: 25px;
        height: 5px;
        background-color: #0101ff;
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 12px;
    }
    .contact_us .wrap .wrap_box .contact_right .con_right_l_box {
        width: 100%;
    }
    .contact_us .wrap .wrap_box .contact_right {
        font-size: 12px;
        text-align: left;
    }
    .contact_us .wrap .wrap_box .contact_left .con_left_l .tel_dtl {
        font-size: 12px;
    }
    .contact_us .wrap .wrap_box .contact_right .con_right_l_box>div {
        display: inline-block;
    }
    .contact_us .wrap .wrap_box .contact_right .con_right_l {
        width: 40%;
        margin-right: 10px;
        float: right;
        padding-bottom: 15px;
    }
    .contact_us .wrap .wrap_box .contact_right .con_right1 {
        float: right;
        width: 100%;
        text-align: left;
        padding-left: 15%;
    }
    .contact_us .wrap .wrap_box .contact_right .con_right_l input {
        border: none;
        width: 100%;
        background-color: #ffffff;
        height: 30px;
        outline: none;
        padding-left: 10px;
    }
    .contact_us .wrap .wrap_box .contact_left .contact_left_r .con_r_img_box img {
        /*padding: 5px;*/
        /*background-color: #dbdbdb;*/
        width: 145px;
    }
    .wrap_box .contact_left .con_left_l .tel_dtl span {
        font-weight: bolder;
    }
    .contact_us .wrap .wrap_box .contact_right .con_right1 textarea {
        border: none;
        width: 97%;
        background-color: #ffffff;
        height: 100px;
        margin-top: 15px;
        margin-bottom: 20px;
        resize: none;
        outline: none;
        padding: 10px;
    }
    .contact_us .wrap .wrap_box .contact_right .tijiao_btn {
        width: 65px;
        height: 20px;
        line-height: 20px;
        margin-left: 16%;
        border: none;
        background-color: #fed130;
        font-size: 12px;
        color: #010100;
    }
    /*联系我们 end*/
    /*** header top 768***/
    .header {
        width: 100%;
        position: absolute;
        top: 50px;
        left: 0%;
        z-index: 99999;
        display: none;
    }
    .wrapper .m-menu-list .nav_colse {
        position: fixed;
        right: 0;
        top: 0;
    }
    .header_fixed {
        position: fixed;
        width: 100%;
        top: 0;
    }
    /*.container{*/
    /*width: 1100px;*/
    /*}*/
    .header_fixed1 {
        position: absolute;
        width: 0;
        height: 70px;
        background: #fff;
        left: 50%;
        top: 0;
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
        box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .1);
    }
    .header_fixed2 {
        position: absolute;
        width: 0;
        height: 70px;
        background: #fff;
        right: 50%;
        top: 0;
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
        box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .1);
    }
    .contact_us .wrap .wrap_box .contact_left #map_box {
        display: none;
    }
    .con_right_l_code img {
        height: 20px;
    }
    .sskuang {
        position: fixed;
        width: 100%;
        height: 90px;
        background: #EAEAEA;
        left: -100%;
        top: 70px;
        z-index: 99;
        transition: all 1s;
        -moz-transition: all 1s;
        -ms-transition: all 1s;
        -o-transition: all 1s;
        -webkit-transition: all 1s;
    }
    .ssb {
        margin: 15% auto 0 auto;
        display: none;
    }
    .ss_text_a {
        margin: 10px auto 0 auto;
        position: relative;
        width: 500px;
    }
    .ss_text {
        border: none;
        border-bottom: 1px #666 solid;
        background: none;
        color: #666;
        font-size: 14px;
        letter-spacing: 1px;
        padding: 0 50px 0 10px;
        display: block;
        line-height: 50px;
        width: 500px;
    }
    .close {
        position: absolute;
        right: 30px;
        top: 30px;
    }
    .yjt {
        position: absolute;
        right: 0;
        top: 20px;
    }
    .headerdw {
        background: #fff;
        position: fixed;
        top: 0;
        -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
        box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .1);
    }
    ul li {
        list-style: none;
    }
    .headerbg {
        height: 70px;
        margin: 0 auto;
        padding-right: 0px;
        position: relative;
        transition: all 1s;
        -moz-transition: all 1s;
        -ms-transition: all 1s;
        -o-transition: all 1s;
        -webkit-transition: all 1s;
    }
    .header_box1 {
        border-radius: 0px;
    }
    .header.header1.header_fixed .header_box {
        width: 100% !important;
        -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
        box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .1);
    }
    .header.header1.header_fixed .container.headerbg {
        width: 100%;
        padding: 0;
    }
    .header_box {
        display: inline-block;
        width: auto;
        padding: 0 !important;
        background: #fff;
        transition: all 0.5s;
        background-image: linear-gradient(to right, rgba(255, 255, 255, .98) 0, rgba(255, 255, 255, .95) 100%);
        -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1);
        box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1);
    }
    .header.header1.header_fixed .logo {
        margin-left: 0;
    }
    .header.header1.header_fixed .logo img {
        width: 100px;
        vertical-align: -webkit-baseline-middle;
    }
    .header.header1.header_fixed .ss {
        padding-right: 0;
    }
    .header_fixed_a {
        text-align: center;
    }
    .headerbg .logo {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-top: 13px;
        margin-bottom: 0px;
        margin-left: 0px;
        transition: all 1s;
        -moz-transition: all 1s;
        -ms-transition: all 1s;
        -o-transition: all 1s;
        -webkit-transition: all 1s;
    }
    .headerbg .logo img {
        width: 100px;
        vertical-align: -webkit-baseline-middle;
    }
    .wrapper .collect-content .works .work .w-pot {
        width: 25px;
        height: 22px;
        background-size: 25px 22px;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url(../images/light-star.png);
        right: 6px;
        top: 8px;
        position: absolute;
    }
    .wrapper .collect-content .res-d .res .pot {
        width: 25px;
        height: 22px;
        background-size: 25px 22px;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url(../images/light-star.png);
        right: 6px;
        bottom: 8px;
        position: absolute;
    }
    .wrapper .collect-content .news .front .intro .w-pot {
        width: 25px;
        height: 22px;
        background-size: 25px 22px;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url(../images/light-star.png);
        right: 6px;
        bottom: 15px;
        position: absolute;
    }
    .menu {
        float: right;
        width: 95%;
        text-align: center;
        /* margin-left: 20px; */
        display: flex;
        justify-content: center;
    }
    .menu ul {
        margin-bottom: 0;
    }
    .menu ul li {
        float: left;
        line-height: 70px;
        position: relative;
    }
    .menu ul li a {
        position: relative;
        display: block;
        float: left;
        height: 45px;
        padding-left: 12px;
        padding-top: 0px;
        color: #7a7a7a;
        font-size: 12px;
        font-weight: normal;
        letter-spacing: 1px;
    }
    .menu ul li a strong {
        height: 26px;
        padding-right: 15px;
        font-weight: normal;
    }
    .menu ul li a strong span {
        padding-right: 12px;
        background: url('../images/nav_arrow.gif') no-repeat right 5px;
        line-height: 70px;
    }
    .menu ul li a strong span:hover {
        color: #0101ff;
    }
    .headerright {
        float: right;
        margin-top: 25px;
        margin-right: 30px;
        display: inline-block;
        display: none;
    }
    .headerright .headerrighttb {
        width: 40px;
        margin: 0 10px;
        color: #333;
        font-size: 14px;
        line-height: 12px;
        border-radius: 50%;
    }
    .headerright .headerrighttb i {
        margin-top: 25px;
    }
    .headerright .headerrighttb i:hover {
        color: #0101ff;
    }
    .headerright .headerrighttb img {
        vertical-align: middle
    }
    .headerright .headerrighttb img {
        vertical-align: middle;
        padding-bottom: 5px;
        padding-right: 5px;
    }
    .headerright .link {
        padding: 0 16px;
        height: 50px;
        border-top-right-radius: 4px;
        font-size: 14px;
        transition: all 1s;
        -moz-transition: all 1s;
        -ms-transition: all 1s;
        -o-transition: all 1s;
        -webkit-transition: all 1s;
        border-bottom-right-radius: 4px;
        display: inline-block;
        line-height: 50px;
        color: #333;
    }
    .ss {
        padding-right: 100px;
        transition: all 1s;
        -moz-transition: all 1s;
        -ms-transition: all 1s;
        -o-transition: all 1s;
        -webkit-transition: all 1s;
        cursor: pointer;
    }
    .headerfk {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 10px;
        height: 10px;
        background: #000;
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px;
    }
    .headerfk1 {
        position: absolute;
        top: 0px;
        right: 0px;
        width: 10px;
        height: 10px;
        background: #000;
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px;
    }
    .navigation-up .navigation-v3 {
        float: right;
        position: relative;
        width: 790px;
    }
    .navigation-up .navigation-v3 ul {
        float: left;
    }
    .navigation-up .navigation-v3 li {
        float: left;
        color: #fff;
        width: 100px;
        text-align: center;
        height: 88px;
        line-height: 88px;
    }
    .navigation-up .navigation-v3 li h2 {
        font-weight: normal;
        padding: 0;
        margin: 0;
        width: 100px;
    }
    .navigation-up .navigation-v3 li h2 a {
        width: 100px;
        color: #000;
        display: inline-block;
        font-size: 14px;
        font-weight: bold;
    }
    .navigation-down {
        position: absolute;
        top: 105px;
        left: 0%;
        width: 100%;
        z-index: 9999;
    }
    .navigation-down .nav-down-menu {
        width: 100%;
        margin: 0;
        position: absolute;
        top: 50px;
        left: 0px;
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    }
    .navigation-down-inner {
        margin: auto;
        width: 100%;
        position: relative;
        height: auto;
        background-color: rgba(255, 255, 255, 1);
        z-index: 999;
        border-radius: 4px 6px 6px 4px;
    }
    .navigation-down .nav-down-menu dl {
        float: left;
        margin: 18px 80px 18px 0
    }
    .menuxl {
        position: relative;
    }
    .menuxl ul {
        text-align: center;
        margin: 0;
    }
    .menuxl ul li {
        display: inline-block;
        text-align: center;
    }
    .menuxl ul li a {
        color: #666;
        display: block;
        font-size: 12px;
        border-right: 1px solid #ccc;
        padding-right: 25px;
        padding-left: 25px;
        line-height: 8px;
        margin: 15px 0;
    }
    #nav_xlcd3 .menuxl ul li a {
        padding-right: 15px;
        padding-left: 15px;
    }
    .menuxl ul li a:hover {
        color: #0101ff;
    }
    .indexpro {
        text-align: center;
        padding-top: 30px;
        padding-bottom: 30px;
        font-size: 12px;
    }
    .indexpro img {
        width: 100%;
        height: auto;
        display: block;
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .indexpro p {
        margin-top: 10px;
    }
    .indexpro:hover img {
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        transform: translate(0, -10px);
        -webkit-transform: translate(0, -10px);
        -moz-transform: translate(0, -10px);
        -o-transform: translate(0, -10px);
        -ms-transform: translate(0, -10px);
    }
    .indexpro:hover p {
        color: #0101ff;
    }
    .indexservice {
        width: 130px;
        margin: 0 auto;
    }
    .indexservice {
        text-align: center;
        padding-top: 50px;
        padding-bottom: 80px;
        font-size: 16px
    }
    .indexservice a {
        color: #333;
        line-height: 30px;
        float: left;
        transition: all 0s linear;
        -webkit-transition: all 0s linear;
        -moz-transition: all 0s linear;
        -ms-transition: all 0s linear;
        -o-transition: all 0s linear;
    }
    .indexservice i {
        margin-right: 15px;
        font-size: 36px;
        color: #82d968;
        line-height: 30px;
        float: left;
    }
    .indexservice a:hover {
        color: #01a03e;
        margin-top: -10px;
        transition: all 0s linear;
        -webkit-transition: all 0s linear;
        -moz-transition: all 0s linear;
        -ms-transition: all 0s linear;
        -o-transition: all 0s linear;
    }
    /*** header ******header 768*******/
    /*画室成绩 轮播768top*/
    .grade_box {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .grade_title {
        padding-top: 20px;
        margin-left: 10%;
    }
    .grade_title .swiper-container {}
    .grade_img {
        width: 100%;
        height: 310px;
        position: relative;
    }
    .changji_img_box {
        width: 100%;
        position: absolute;
        right: 0;
        height: 310px;
    }
    .changji_img_box img {
        width: 100%;
        height: 100%;
        z-index: 10;
    }
    /*.grade_img .school_name{*/
    /*border: 1px solid red;*/
    /*}*/
    /*.grade_img .school_name ul li{*/
    /*float: left;*/
    /*list-style: none;*/
    /*}*/
    .grade_title p:first-child {
        color: #222222;
        font-size: 18px;
        width: 100%;
        text-align: center;
    }
    .grade_title p:last-child {
        color: #444444;
        font-size: 19px;
        padding-top: 8px;
        width: 100%;
        text-align: center;
        padding-bottom: 15px;
    }
    .swiper-slide .s_title {
        margin-top: 120px;
        color: #ffffff;
    }
    .swiper-slide .s_title span {
        font-size: 16px;
    }
    .swiper_title .swiper-slide .logo1 {
        height: 25px;
        margin-top: -21px;
        margin-left: 110px;
        position: absolute;
    }
    .swiper-slide .s_title b {
        display: inline-block;
        margin-right: 10px;
        vertical-align: top;
        font-size: 16px;
    }
    .swiper-slide .s_title b {
        margin-top: -23px;
    }
    .swiper-slide .blue_line {
        width: 35px;
        height: 3px;
        background: #ffffff;
        margin-top: 50px;
    }
    .grade_img .swiper-container {
        margin-left: 24% !important;
    }
    .swiper-slide .grade_info {
        width: 85%;
        margin-top: 15px;
        margin-bottom: 15px;
        text-align: left;
        font-size: 14px;
    }
    .grade_img .swiper-pagination-current {
        color: #ffffff;
    }
    .wrapper .index-w .index-b-07 .wrap {
        /*margin-left: 10px;*/
        text-align: justify;
    }
    .wrapper .index-w .index-b-09 .wrap {
        margin-left: 10px;
        text-align: justify;
        display: none;
    }
    /*.swiper_title .swiper-slide{*/
    /*margin-right: 30px!important;*/
    /*}*/
    .swiper-slide ul li {
        text-align: left;
        line-height: 25px;
        font-size: 14px;
    }
    .swiper-slide ul li img {
        padding-bottom: 1px;
        padding-right: 5px;
    }
    /*.grade_img .swiper-button-next{*/
    /*right:0 !important;*/
    /*!*margin-right: -19px!important;*!*/
    /*}*/
    /*.grade_img .swiper-button-prev{*/
    /*left: 32% !important;*/
    /*margin-left: -41px!important;*/
    /*}*/
    .grade_img .swiper-button-next,
    .grade_img .swiper-button-prev {
        position: absolute !important;
        top: 50% !important;
        width: 30px !important;
        height: 45px !important;
        margin-top: -20px !important;
        z-index: 10 !important;
        cursor: pointer !important;
        background-size: 45px 45px !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        z-index: 100 !important;
    }
    .grade_img .swiper-pagination-bullet-active {
        opacity: 1;
        background: transparent !important;
        font-size: 30px !important;
        color: #ffffff !important;
    }
    .grade_img .swiper-pagination {
        position: absolute !important;
        bottom: 15px !important;
        left: 225px !important;
        width: 200px !important;
    }
    /*.grade_img .swiper-button-next {*/
    /*background-image: url(../images/rightarrow.png) !important;*/
    /*right: 0px !important;*/
    /*top: 50% !important;*/
    /*}*/
    /*.grade_img .swiper-button-prev {*/
    /*background-image: url(../images/leftarrow.png) !important;*/
    /*left: 40px !important;*/
    /*top: 50% !important;*/
    /*}*/
    .grade_img .swiper-pagination-bullet {}
    .active {
        color: #0101ff;
    }
    .grade_img {
        position: relative;
    }
    .grade_img .swiper_title .swiper-slide .s_title {
        vertical-align: top;
    }
    .grade_img .swiper_title {
        height: 200px !important;
        position: absolute;
        top: -80px !important;
    }
    .grade_img .swiper_title .swiper-slide {
        /*width: 400px!important;*/
    }
    .grade_img .swiper_title .swiper-slide-active .s_title {
        margin-right: 135px !important;
        color: #ffffff;
        width: 100%;
        text-align: left;
    }
    .grade_img .swiper_content {
        width: 290px !important;
        overflow: hidden !important;
        position: absolute;
        top: 55px !important;
    }
    .grade_img .swiper_content ul {
        color: #ffffff;
    }
    .grade_img .swiper_content .grade_info {
        line-height: 30px;
        color: #ffffff;
    }
    .grade_box .scroll-box {
        height: 180px;
    }
    /*成绩轮播 end 500 */
    /*交互图片效果 top*/
    .wrapper .index-w .index-b-02 {
        position: relative;
        width: 100%;
        height: 461px;
        background-color: #1557a1;
    }
    .index_b_04_eq0 {
        width: 100%;
        height: 950px;
        background: #0101ff !important;
        position: relative;
    }
    .wrapper .index-w .index-b-06 {
        position: relative;
        width: 100%;
        height: 850px;
        background-color: #fed130;
    }
    .wrapper .index-w .index-b-02 .left_fadeIn_img {
        width: 77%;
        background: #1557a1;
            top: 195px;
    left: 47px;
    }
    .wrapper .index-w .index-b-06 .left_fadeIn_img1 {
        position: absolute;
        left: 44px;
        top: unset;
        bottom: 0;
        width: 82%;
    }
    .wrapper .index-w .index-b-06 .info {
        margin-left: 0;
        top: 62px;
        width: 100%;
        text-align: center;
    }
    .wrapper .index-w .index-b-08 .left_fadeIn_img1 {
        position: absolute;
        left: 8%;
        top: unset;
        bottom: 0;
        width: 85%;
    }
    .wrapper .index-w .index-b-08 {
        position: relative;
        width: 100%;
        height: 920px;
        background-color: #0101ff;
    }
    .wrapper .index-w .index-b-08 .info {
        width: 100%;
        text-align: center;
        position: absolute;
        top: 85px;
    }
    .wrapper .index-w .index-b-02 .info {
        width: 100%;
    }
    .wrapper .r-nav-box {
        display: block;
    }
    /*登录页手机调整 top*/
    .wrapper .login-res-bg {
        margin-top: 62px;
    }
    .wrapper .login-res-bg .login-box {
        right: calc(50% - 160px)
    }
    .wrapper .login-res-bg .for-res-box {
        right: calc(50% - 160px)
    }
    /*登录页手机调整 end*/
    .wrapper .personal-box .personal-nav .personal-nav-center {
        width: 100%;
        /*padding-left: 20px;*/
    }
    .wrapper .personal-box .personal-nav .personal-nav-center ul li {
        float: left;
        height: 50px;
        line-height: 50px;
        color: #333;
        font-size: 15px;
        cursor: pointer;
        margin-left: 70px;
        margin-right: 0px;
    }
    .wrapper .personal-box .collect-content .wenda-nav {
        margin-top: 30px;
        margin-bottom: 40px;
        padding-left: 0px;
        display: flex;
        justify-content: space-around;
    }
    .wrapper .personal-box .collect-content .wenda-nav span {
        margin-right: 0px;
    }
    .wrapper .login-res-bg .login-box {
        width: 320px;
        padding: 25px;
    }
    .wrapper .login-res-bg .for-res-box {
        width: 320px;
        padding: 25px;
    }
    .online_tel {
        display: none;
    }
    .wrapper .collect-content .res-d {
        width: 100%;
        /*padding-left:35px;*/
    }
    .wrapper .personal-box .wenda-content,
    .wrapper .personal-box .collect-content {
        width: 100%;
    }
    .wrapper .personal-box .collect-content .wenda-nav {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .wrapper .collect-content .res-d {
        margin: 30px auto 0;
        padding: 0px 20px;
    }
    .wrapper .collect-content .res-d .res .res-d-cover {
        width: 100%;
        height: 185px;
    }
    .wrapper .collect-content .res-d .res .btn-play-img {
        width: 40px;
        height: 40px;
        position: absolute;
        top: calc(37% - 20px);
        left: calc(48% - 20px);
    }
    .wrapper .collect-content .res-d .res:nth-child(2n) {
        margin-right: 0px;
    }
    .wrapper .collect-content .res-d .res:nth-child(3n) {
        margin-right: 25px;
    }
    .wrapper .collect-content .res-d .res {
        position: relative;
        width: 100%;
        height: 250px;
        float: left;
        margin-right: 25px;
        margin-bottom: 30px;
        background-color: #fff;
    }
    .wrapper .collect-content .news-list {
        width: 100%;
        box-sizing: border-box;
    }
    .wrapper .collect-content .news {
        width: 100%;
        height: 295px;
    }
    .wrapper .news-w .news-detail .re-detail .re-position {
        font-size: 12px;
    }
    .wrapper .collect-content .news .front .intro .tt {
        font-size: 11px;
        line-height: 18px;
    }
    .wrapper .collect-content .news .front .intro {
        padding: 20px 20px 0;
        height: 150px;
    }
    .wrapper .collect-content .news-list .news {
        width: calc(50% - 20px);
        height: 295px;
        margin: 0 10px 20px;
    }
    .closeIcon {
        position: absolute;
        top: 20px;
        right: 20px;
        z-index: 100002;
        width: 4%;
    }
    .wrapper .collect-content .works {
        width: 100%;
    }
    .wrapper .collect-content .news .front .news-img {
        width: 100%;
        height: 150px;
    }
    .wrapper .collect-content .works .work {
        position: relative;
        width: calc(50% - 20px);
        height: 210px;
        margin: 0 10px 20px;
        float: left;
        overflow: hidden;
        cursor: pointer;
        transition: all 0.6s;
    }
    .wrapper .collect-content .works .work:nth-child(2n) {
        margin-right: 0px;
    }
    .wrapper .news-w .news-detail .detail .w-pot {
        width: 25px;
        height: 22px;
        background-size: 25px 22px;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url(../images/kongxin.png);
        right: 10px;
        top: 15px;
        position: absolute;
    }
    .wrapper .personal-box .wenda-content .wenda-list .wenda-list-item {
        padding: 25px 20px;
    }
    .wrapper .personal-box .wenda-content .wenda-text {
        padding: 20px;
    }
    .wrapper .personal-box .wenda-content .wenda-text button {
        width: 90px;
        height: 30px;
        font-size: 12.5px;
    }
    .wrapper .personal-box .wenda-content .wenda-text textarea {
        height: 160px;
    }
    .img-icon {
        position: absolute;
    }
    .img-icon img {
        width: 11%;
    }
    .pic-cion1 {
        top: calc(40% - 39px);
        right: calc(5% - 15px);
    }
    .pic-cion2 {
        top: calc(56% - 22px);
        right: calc(9% - 22px);
    }
    .pic-cion3 {
        top: calc(61% - 22px);
        right: calc(15% - 25px);
    }
    .pic-cion4 {
        top: calc(60% - 11px);
        right: calc(10% - 22px);
    }
    .contact_us .wrap .wrap_box .contact_right .con_right_l_code {
        margin-top: 6px;
    }
    /*交互秃瓢效果 end*/
    .wrapper .index-w .grade_img .swiper-button-next:after {
        position: absolute;
        top: 13px;
        right: 8px;
    }
    .wrapper .index-w .grade_img .swiper-button-prev:after {
        position: absolute;
        top: 13px;
        left: 8px;
    }
    .wrapper .index-w .index-slides .swiper-button-prev,
    .wrapper .index-w .index-slides .swiper-button-next {
        width: 30px;
        height: 4rem;
    }
    .wrapper .index-w .index-slides .swiper-pagination .swiper-pagination-bullet-active {
        width: 7px;
    }
    .wrapper .union-w .row .col.info {
        padding: 0px 15px 30px;
    }
    .wrapper .union-w .un-b-02 {
        text-align: center;
    }
    .wrapper .footer .products .row {
        display: flex;
        justify-content: center;
        width: 100%;
        margin-top: 24px;
        padding-top: 30px;
    }
    .wrapper .union-w .row .col.info .tt {
        margin-bottom: 0px;
    }
    /*.wrapper .union-w .un-b-02 .greyBox{*/
    /*display: block;*/
    /*width: 100%;*/
    /*height: 40px;*/
    /*background-color: #f7f7f7;*/
    /*}*/
}


/*join-us*/

.wrapper .join-us {
    background-image: url("../images/banner_w.png");
    width: 100%;
    height: 960px;
    background-size: 100% 960px;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    padding: 0 135px 0 120px;
    position: relative;
    box-sizing: border-box;
    justify-content: space-between;
}

.wrapper .join-us .goHome {
    font-size: 16px;
    color: #fff;
    display: flex;
    align-items: center;
    position: absolute;
    top: 30px;
    left: 120px;
}

.wrapper .join-us .goHome img {
    width: 30px;
}

.wrapper .join-us .goHome span {
    margin-left: 10px;
}

.wrapper .join-us .join-left {}

.wrapper .join-us .join-left .title {
    display: flex;
    align-items: center;
}

.wrapper .join-us .join-left .title .title-l {}

.wrapper .join-us .join-left .title .title-l .t1 {
    color: #f3c938;
    font-size: 65px;
    font-weight: bold;
    letter-spacing: 15px;
}

.wrapper .join-us .join-left .title .title-l .t2 {
    color: #fff;
    font-size: 130px;
    font-weight: bold;
    margin-top: -30px;
}

.wrapper .join-us .join-left .title .title-r {
    color: #f3c938;
    font-size: 206px;
    font-weight: bold;
    margin-top: -40px;
    margin-left: 30px;
}

.wrapper .join-us .join-left ul {
    color: #fff;
    margin-top: 50px;
    display: flex;
    align-items: center;
}

.wrapper .join-us .join-left ul li {
    width: 170px;
    margin-right: 95px;
}

.wrapper .join-us .join-left .one {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wrapper .join-us .join-left .one span {
    font-size: 24px;
    letter-spacing: 5px;
}

.wrapper .join-us .join-left .one img {
    width: 20px;
    height: 20px;
}

.wrapper .join-us .join-left .two {
    display: flex;
    align-items: center;
    margin-top: 10px;
    justify-content: space-between;
    letter-spacing: 2px;
}

.wrapper .join-us .join-left .two .t1 {
    margin-left: 15px;
}

.wrapper .join-us .join-right {
    width: 410px;
    height: 340px;
    background: rgba(255, 255, 255, .15);
    border-radius: 20px;
    padding: 40px 30px 30px;
    box-sizing: border-box;
}

.wrapper .join-us .join-right p {
    padding-bottom: 25px;
    text-align: center;
    font-size: 30px;
    color: #fff;
}

.wrapper .join-us .join-right .tel-box {
    width: 100%;
    height: 45px;
    display: flex;
    align-items: center;
    background: #fff;
    justify-content: space-between;
    padding: 0 15px 0px 15px;
    box-sizing: border-box;
    margin-bottom: 7px;
}

.wrapper .join-us .join-right .tel-box input {
    width: 90%;
    height: 45px;
    border: 0;
    outline: none;
}

.wrapper .join-us .join-right .tel-box i {
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
    background-repeat: no-repeat;
    display: block;
}

.wrapper .join-us .join-right .tel-box i.name {
    background: url("../images/per_w.png");
}

.wrapper .join-us .join-right .tel-box i.tel {
    background: url("../images/tel_w.png");
}

.wrapper .join-us .join-right .tel-box i.qq {
    background: url("../images/qq_w.png");
}

.wrapper .join-us .join-right .sign-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wrapper .join-us .join-right .sign-box .s-left {
    font-size: 16px;
    letter-spacing: 3px;
    font-weight: bolder;
    color: #fff;
    display: flex;
    align-items: center;
}

.wrapper .join-us .join-right .sign-box .s-left span {
    color: #f3c938;
    font-size: 20px;
}

.wrapper .join-us .join-right .sign-box .s-right {
    width: 130px;
    height: 45px;
    line-height: 45px;
    background: #000;
    text-align: center;
    color: #fff;
    font-size: 16px;
    border: none;
    display: block;
}

.wrapper .join-us .join-right .tel-box input::-webkit-input-placeholder {
    color: #333;
    letter-spacing: 3px;
    font-size: 14px;
}

.wrapper .join-us .join-right .tel-box input:-moz-placeholder {
    color: #333;
    letter-spacing: 3px;
    font-size: 14px;
}

.wrapper .join-us .join-right .tel-box input:-ms-input-placeholder {
    color: #333;
    letter-spacing: 3px;
    font-size: 14px;
}

.wrapper .join01-box {
    display: flex;
    align-items: flex-start;
}

.wrapper .join01-box .j01-left {
    width: 40%;
    padding: 170px 65px 210px 130px;
    box-sizing: border-box;
    background: #f7f8f8;
}

.wrapper .join01-box .j01-left .t1 {
    color: #333;
    font-size: 45px;
    font-weight: bolder;
    margin-bottom: 10px;
}

.wrapper .join01-box .j01-left p {
    color: #666;
    font-size: 16px;
    line-height: 1.7em;
}

.wrapper .join01-box .j01-left .line {
    width: 35px;
    height: 5px;
    background: #333333;
    margin-top: 35px;
}

.wrapper .join01-box .j01-left .info {
    margin-top: 95px;
}

.wrapper .join01-box .j01-left .info p {
    line-height: 2.5em;
    letter-spacing: 5px;
}

.wrapper .join01-box .j01-left .info p span {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: #0101ff;
    border-radius: 50%;
    margin-right: 15px;
}

.wrapper .join01-box .j01-right {
    width: 60%;
    padding: 170px 0px 210px 100px;
    box-sizing: border-box;
    background: url("../images/horse_w.png");
    background-size: 587px 683px;
    background-repeat: no-repeat;
    background-position: right 150px;
}

.wrapper .join01-box .j01-right .t1 {
    color: #333;
    font-size: 45px;
    font-weight: bolder;
}

.wrapper .join01-box .j01-right .info {
    width: 360px;
    font-size: 16px;
    margin-top: 85px;
    letter-spacing: 5px;
}

.wrapper .join01-box .j01-right .info p {
    line-height: 2.5em;
    color: #666;
}

.wrapper .join02-box {
    width: 100%;
    height: 940px;
    background: url("../images/horse_bg.png");
    background-size: 100% 940px;
    background-repeat: no-repeat;
}

.wrapper .join03-box {
    display: flex;
    align-items: flex-start;
}

.wrapper .join03-box .j03-left {
    width: 40%;
    box-sizing: border-box;
    background: #f7f8f8;
}

.wrapper .join03-box .j03-left .top {
    width: 100%;
    height: 328px;
    background: #0101ff;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    font-size: 35px;
    font-weight: bold;
    box-sizing: border-box;
    padding-left: 127px;
}

.wrapper .join03-box .j03-left .info {
    padding: 90px 185px 190px 130px;
    box-sizing: border-box;
}

.wrapper .join03-box .j03-left .info p {
    color: #666;
    font-size: 26px;
    letter-spacing: 5px;
}

.wrapper .join03-box .j03-left .info p span {
    color: #0101ff;
    font-weight: bold;
    margin-left: 30px;
}

.wrapper .join03-box .j03-left .info .t1 {
    font-size: 36px;
}

.wrapper .join03-box .j03-left .info .t2 {
    line-height: 2em;
    margin-top: 45px;
}

.wrapper .join03-box .j03-left .info .t3 {
    margin-top: 50px;
    line-height: 2em;
}

.wrapper .join03-box .j03-right {
    width: 60%;
    box-sizing: border-box;
    padding: 145px 0 0 130px;
}

.wrapper .join03-box .j03-right .t1 {
    color: #0101ff;
    font-size: 36px;
    font-weight: bold;
    letter-spacing: 5px;
}

.wrapper .join03-box .j03-right .t2 {
    color: #000;
    font-size: 30px;
    margin-top: 40px;
    margin-bottom: 20px;
    font-weight: bold;
    letter-spacing: 5px;
}

.wrapper .join03-box .j03-right .t3 {
    font-size: 26px;
    color: #666;
    letter-spacing: 5px;
    display: flex;
    align-items: center;
    margin-bottom: 90px;
}

.wrapper .join03-box .j03-right .t3 img {
    width: 90px;
    height: 90px;
}

.wrapper .join03-box .j03-right .t3 .info {
    margin-left: 20px;
}

.wrapper .join03-box .j03-right .t3 .info .tel {
    color: #0101ff;
    font-size: 26px;
    font-weight: bold;
}

.wrapper .join03-box .j03-right .t3 .info .txt {
    color: #666;
    font-size: 28px;
    margin-top: 18px;
}

.wrapper .join03-box .j03-right .t4 {
    color: #0101ff;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 5px;
    margin-top: 30px;
    margin-bottom: 100px;
}

.wrapper .join03-box .j03-right .warning {
    letter-spacing: 5px;
    text-align: center;
}

.wrapper .join03-box .j03-right .t4 span {
    font-size: 18px;
}

.wrapper .join03-box .j03-right .num-box {
    position: relative;
    display: flex;
    align-items: center;
}

.wrapper .join03-box .j03-right .num-box span:nth-of-type(1) {
    color: #999999;
    font-size: 110px;
    font-weight: bold;
}

.wrapper .join03-box .j03-right .num-box span:nth-of-type(2) {
    color: #000;
    font-size: 30px;
    font-weight: bold;
    margin-left: 90px;
    margin-right: 90px;
    display: block;
    width: 60px;
}

.wrapper .join03-box .j03-right .num-box span:nth-of-type(3) {
    color: #0101ff;
    font-size: 110px;
    font-weight: bold;
}

.wrapper .join03-box .j03-right .num-box .only {
    position: absolute;
    font-size: 18px;
    color: #666;
    right: 235px;
    bottom: -10px;
}

.wrapper .join03-box .j03-right .intro {
    font-weight: bold;
    font-size: 30px;
    display: flex;
    align-items: center;
    margin-top: 60px;
    margin-bottom: 80px;
}

.wrapper .join03-box .j03-right .intro>div {
    margin-right: 90px;
}

.wrapper .join03-box .j03-right .intro span {
    color: #0101ff;
}

.wrapper .join04-box {
    width: 100%;
    height: 955px;
    background-size: 100% 955px;
    background-repeat: no-repeat;
    background: url("../images/horse_bg02.png");
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    font-size: 60px;
    letter-spacing: 10px;
}

.wrapper .join05-box {
    display: flex;
    align-items: center;
}

.wrapper .join05-box .j05-left {
    width: 50%;
    height: 500px;
    background: url("../images/year_w.png");
    background-size: 410px 420px;
    background-repeat: no-repeat;
    background-position: center;
}

.wrapper .join05-box .j05-right {
    width: 50%;
    box-sizing: border-box;
    padding: 120px 200px 160px 0;
}

.wrapper .join05-box .j05-right .title {
    margin-bottom: .25rem;
}

.wrapper .join05-box .j05-right .title p {
    line-height: 2em;
    letter-spacing: 5px;
}

.wrapper .join05-box .j05-right .title .t1 {
    font-size: 35px;
    font-weight: bolder;
}

.wrapper .join05-box .j05-right .title .t2 {
    font-size: 20px;
    color: #999;
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .wrapper .join-us {
        height: 600px;
        background-size: 100% 600px;
        padding: 0 25px 0 25px;
    }
    .wrapper .join-us .join-left .title .title-l .t1 {
        font-size: 25px;
    }
    .wrapper .join-us .join-left .title .title-l .t2 {
        font-size: 65px;
        margin-top: -18px
    }
    .wrapper .join-us .join-left .title .title-r {
        font-size: 80px;
        font-weight: bold;
        margin-top: -20px;
        margin-left: 10px;
    }
    .wrapper .join-us .join-left ul li {
        width: 160px;
        margin-right: 40px
    }
    .wrapper .join-us .join-left .one span {
        font-size: 18px;
    }
    .wrapper .join-us .join-left ul {
        width: 400px;
    }
    .wrapper .join-us .join-right {
        width: 290px;
        height: 300px;
        padding: 10px 20px 30px;
    }
    .wrapper .join-us .goHome {
        left: 30px;
    }
    .wrapper .join01-box {
        display: block;
    }
    .wrapper .join01-box .j01-left {
        width: 100%;
        padding: 70px 25px 110px 25px;
    }
    .wrapper .join01-box .j01-right {
        width: 100%;
        padding: 70px 25px 110px 25px;
    }
    .wrapper .join02-box {
        height: 376px;
        background: url(../images/horse_bg.png);
        background-size: 100% 376px;
    }
    .wrapper .join03-box {
        display: block;
    }
    .wrapper .join03-box .j03-left {
        width: 100%;
    }
    .wrapper .join03-box .j03-right {
        width: 100%;
        padding: 90px 0 90px 25px;
    }
    .wrapper .join03-box .j03-left .info {
        padding: 90px 0px 90px 0px;
    }
    .wrapper .join03-box .j03-left .info p {
        text-align: center;
    }
    .wrapper .join03-box .j03-right .intro>div {
        margin-right: 45px;
    }
    .wrapper .join04-box {
        height: 382px;
        background-size: 100% 382px;
        font-size: 28px;
        letter-spacing: 10px;
    }
    .wrapper .join05-box {
        display: block;
    }
    .wrapper .join05-box .j05-left {
        width: 100%;
    }
    .wrapper .join05-box .j05-right {
        width: 100%;
        padding: 0;
    }
    .wrapper .join05-box .j05-right .title {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
}

@media screen and (max-width: 769px) and (min-width: 500px) {
    .wrapper .join-us {
        height: 600px;
        background-size: 100% 600px;
        padding: 40px 25px 0 25px;
        display: block;
    }
    .wrapper .join-us .join-left .title {
        justify-content: center;
        margin-top: 35px;
    }
    .wrapper .join-us .join-left .title .title-l .t1 {
        font-size: 16px;
    }
    .wrapper .join-us .join-left .title .title-l .t2 {
        font-size: 44px;
        margin-top: -10px;
    }
    .wrapper .join-us .join-left .title .title-r {
        font-size: 55px;
        font-weight: bold;
        margin-top: -20px;
        margin-left: 10px;
    }
    .wrapper .join-us .join-left ul li {
        width: 140px;
        margin-right: 43px;
        margin-bottom: 30px;
    }
    .wrapper .join-us .join-left ul li:nth-of-type(2n) {
        margin-right: 0;
    }
    .wrapper .join-us .join-left .one span {
        font-size: 12px;
    }
    .wrapper .join-us .join-left ul {
        margin-top: 10px;
        display: flex;
        flex-wrap: wrap;
    }
    .wrapper .join-us .join-right {
        width: 250px;
        height: 250px;
        padding: 10px 20px 30px;
        margin-left: 55px;
    }
    .wrapper .join-us .join-right p {
        font-size: 25px;
        padding-bottom: 15px;
    }
    .wrapper .join-us .join-right .tel-box {
        height: 35px;
    }
    .wrapper .join-us .join-right .tel-box input {
        height: 35px;
    }
    .wrapper .join-us .join-right .sign-box .s-left span {
        font-size: 16px;
    }
    .wrapper .join-us .join-right .sign-box .s-left {
        font-size: 12px;
    }
    .wrapper .join-us .join-right .sign-box .s-right {
        height: 35px;
        line-height: 35px;
        width: 90px;
        font-size: 12px;
    }
    .wrapper .join-us .goHome {
        left: 30px;
        top: 20px;
        font-size: 12px;
    }
    .wrapper .join01-box {
        display: block;
    }
    .wrapper .join01-box .j01-left {
        width: 100%;
        padding: 40px 25px 40px 25px;
    }
    .wrapper .join01-box .j01-right {
        width: 100%;
        padding: 40px 25px 364px 25px;
        background-size: 366px 475px;
        background-repeat: no-repeat;
        background-position: right 416px
    }
    .wrapper .join02-box {
        height: 250px;
        background: url(../images/horse_bg.png);
        background-size: 100% 250px;
    }
    .wrapper .join03-box {
        display: block;
    }
    .wrapper .join03-box .j03-left {
        width: 100%;
    }
    .wrapper .join03-box .j03-right {
        width: 100%;
        padding: 40px 25px 40px 25px;
    }
    .wrapper .join03-box .j03-left .info {
        padding: 40px 0px 40px 0px;
    }
    .wrapper .join03-box .j03-left .info p {
        text-align: center;
    }
    .wrapper .join03-box .j03-right .intro {
        font-size: 14px;
        margin-bottom: 55px;
    }
    .wrapper .join03-box .j03-right .intro>div {
        margin-right: 30px;
    }
    .wrapper .join04-box {
        height: 382px;
        background-size: 100% 382px;
        font-size: 16px;
        letter-spacing: 10px;
    }
    .wrapper .join05-box {
        display: block;
    }
    .wrapper .join05-box .j05-left {
        width: 100%;
        background-size: 335px 340px;
    }
    .wrapper .join05-box .j05-right {
        width: 100%;
        padding: 25px;
    }
    .wrapper .join05-box .j05-right .title {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    .wrapper .join03-box .j03-right .num-box span:nth-of-type(2) {
        margin-left: 30px;
        margin-right: 30px;
    }
    .wrapper .join03-box .j03-right .num-box span:nth-of-type(1) {
        font-size: 60px;
    }
    .wrapper .join03-box .j03-right .num-box span:nth-of-type(3) {
        font-size: 60px;
    }
    .wrapper .join03-box .j03-right .num-box .only {
        right: 0px;
        bottom: -25px;
    }
    .wrapper .join03-box .j03-right .t4 {
        margin-bottom: 60px;
    }
    .wrapper .join05-box .j05-right .title .t1 {
        font-size: 28px;
    }
    .wrapper .join05-box .j05-right .title .t2 {
        font-size: 14px;
    }
    .wrapper .join03-box .j03-right .t3 {
        font-size: 20px;
        color: #666;
        letter-spacing: 5px;
        display: flex;
        align-items: center;
        margin-bottom: 90px;
    }
    .wrapper .join03-box .j03-right .t3 img {
        width: 90px;
        height: 90px;
    }
    .wrapper .join03-box .j03-right .t3 .info {
        margin-left: 20px;
    }
    .wrapper .join03-box .j03-right .t3 .info .tel {
        color: #0101ff;
        font-size: 26px;
        font-weight: bold;
    }
    .wrapper .join03-box .j03-right .t3 .info .txt {
        color: #666;
        font-size: 28px;
        margin-top: 18px;
    }
    .wrapper .join03-box .j03-left .top p {
        font-size: 35px!important;
    }
    .wrapper .join-us .goHome img {
        width: 25px;
    }
    .wrapper .news-w .news-detail .detail .detail-tt {
        height: auto;
    }
    .school-award .school-swiper .bottom-bg {
        display: none;
    }
}

@media screen and (max-width: 500px) {
    .wrapper .about-w .row.right .col {
        height: 330px;
    }
    .wrapper .join-us {
        height: 600px;
        background-size: 100% 600px;
        padding: 40px 15px 0 15px;
        display: block;
    }
    .wrapper .join-us .join-left .title {
        justify-content: center;
        margin-top: 35px;
    }
    .wrapper .join-us .join-left .title .title-l .t1 {
        font-size: 16px;
    }
    .wrapper .join-us .join-left .title .title-l .t2 {
        font-size: 44px;
        margin-top: -7px;
    }
    .wrapper .join-us .join-left .title .title-r {
        font-size: 60px;
        font-weight: bold;
        margin-top: -15px;
        margin-left: 10px;
    }
    .wrapper .join-us .join-left ul li {
        width: 150px;
        margin-right: 42px;
        margin-bottom: 30px;
    }
    .wrapper .join-us .join-left ul li:nth-of-type(2n) {
        margin-right: 0;
    }
    .wrapper .join-us .join-left .one span {
        font-size: 12px;
    }
    .wrapper .join-us .join-left ul {
        margin-top: 20px;
        display: flex;
        flex-wrap: wrap;
    }
    .wrapper .join-us .join-right {
        width: 250px;
        height: 250px;
        padding: 10px 20px 30px;
        margin-left: 55px;
    }
    .wrapper .join-us .join-right p {
        font-size: 25px;
        padding-bottom: 15px;
    }
    .wrapper .join-us .join-right .tel-box {
        height: 35px;
    }
    .wrapper .join-us .join-right .tel-box input {
        height: 35px;
    }
    .wrapper .join-us .join-right .sign-box .s-left span {
        font-size: 16px;
    }
    .wrapper .join-us .join-right .sign-box .s-left {
        font-size: 12px;
    }
    .wrapper .join-us .join-right .sign-box .s-right {
        height: 35px;
        line-height: 35px;
        width: 90px;
        font-size: 12px;
    }
    .wrapper .join-us .goHome {
        left: 30px;
        top: 20px;
        font-size: 12px;
    }
    .wrapper .join01-box {
        display: block;
    }
    .wrapper .join01-box .j01-left {
        width: 100%;
        padding: 40px 25px 40px 25px;
    }
    .wrapper .join01-box .j01-right {
        width: 100%;
        padding: 40px 15px 364px 15px;
        background-size: 366px 475px;
        background-repeat: no-repeat;
        background-position: right 416px
    }
    .wrapper .join02-box {
        height: 250px;
        background: url(../images/horse_bg.png);
        background-size: 100% 250px;
    }
    .wrapper .join03-box {
        display: block;
    }
    .wrapper .join03-box .j03-left {
        width: 100%;
    }
    .wrapper .join03-box .j03-right {
        width: 100%;
        padding: 40px 15px 40px 15px;
    }
    .wrapper .join03-box .j03-left .info {
        padding: 40px 0px 40px 0px;
    }
    .wrapper .join03-box .j03-left .info p {
        text-align: center;
    }
    .wrapper .join03-box .j03-right .intro {
        font-size: 14px;
        margin-bottom: 55px;
    }
    .wrapper .join03-box .j03-right .intro>div {
        margin-right: 20px;
    }
    .wrapper .join04-box {
        height: 382px;
        background-size: 100% 382px;
        font-size: 16px;
        letter-spacing: 10px;
    }
    .wrapper .join05-box {
        display: block;
    }
    .wrapper .join05-box .j05-left {
        width: 100%;
        background-size: 335px 340px;
    }
    .wrapper .join05-box .j05-right {
        width: 100%;
        padding: 25px;
    }
    .wrapper .join05-box .j05-right .title {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    .wrapper .join03-box .j03-right .num-box span:nth-of-type(2) {
        margin-left: 15px;
        margin-right: 15px;
        font-size: 17px;
    }
    .wrapper .join03-box .j03-right .num-box span:nth-of-type(1) {
        font-size: 60px;
    }
    .wrapper .join03-box .j03-right .num-box span:nth-of-type(3) {
        font-size: 60px;
    }
    .wrapper .join03-box .j03-right .num-box .only {
        right: 0px;
        bottom: -25px;
    }
    .wrapper .join03-box .j03-right .t4 {
        margin-bottom: 60px;
    }
    .wrapper .join05-box .j05-right .title .t1 {
        font-size: 22px;
    }
    .wrapper .join05-box .j05-right .title .t2 {
        font-size: 14px;
    }
    .wrapper .join03-box .j03-right .t3 {
        font-size: 20px;
        color: #666;
        letter-spacing: 5px;
        display: flex;
        align-items: center;
        margin-bottom: 90px;
    }
    .wrapper .join03-box .j03-right .t3 img {
        width: 90px;
        height: 90px;
    }
    .wrapper .join03-box .j03-right .t3 .info {
        margin-left: 20px;
        flex: 1;
    }
    .wrapper .join03-box .j03-right .t3 .info .tel {
        color: #0101ff;
        font-size: 18px;
        font-weight: bold;
    }
    .wrapper .join03-box .j03-right .t3 .info .txt {
        color: #666;
        font-size: 12px;
        margin-top: 18px;
    }
    .wrapper .join03-box .j03-left .top p {
        font-size: 35px!important;
    }
    .wrapper .join-us .goHome img {
        width: 25px;
    }
    .wrapper .join04-box p {
        font-size: 12px!important;
    }
    .wrapper .join01-box .j01-left .info {
        margin-top: 40px;
    }
    .wrapper .join01-box .j01-right .info p {
        font-size: 16px!important;
    }
    .wrapper .join-us .join-left .two {
        font-size: 12px;
    }
    .wrapper .join03-box .j03-left .top {
        width: 100%;
        height: 328px;
        background: #0101ff;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        color: #fff;
        font-size: 35px;
        font-weight: bold;
        box-sizing: border-box;
        padding-left: 0px;
    }
    .wrapper .join01-box .j01-left .t1 {
        font-size: 24px;
    }
    .wrapper .join01-box .j01-right .t1 {
        font-size: 26px;
    }
    .wrapper .join03-box .j03-left .info .t1 {
        font-size: 26px;
    }
    .wrapper .join03-box .j03-left .info p {
        font-size: 18px;
    }
    .wrapper .join03-box .j03-right .t1 {
        font-size: 26px;
    }
    .wrapper .join03-box .j03-right .t2 {
        font-size: 22px;
    }
    .wrapper .about-w .row.right .col {
        height: auto;
    }
    .qidian_wpa_img {
        bottom: 4rem!important;
        width: 3.5rem!important;
        height: 3.5rem!important;
        z-index: 10!important;
    }
    #nb_icon_wrap {
        width: 3.5rem!important;
        height: 3.5rem!important;
        top: unset!important;
        bottom: 8rem!important;
    }
    .wrapper .footer .products .row #f-weixin .f-wechat img {
        height: 66px;
    }
    .wrapper .footer .products .row #f-weixin .f-wechat {
        left: calc(50% - 33px);
    }
    .wrapper .footer .products .row #f-weibo .f-weibo img {
        height: 66px;
    }
    .wrapper .footer .products .row #f-weibo .f-weibo {
        left: calc(50% - 33px);
    }
    .wrapper .navs_index .wrap .n-item .img-05-1 {
        display: block;
    }
    .wrapper .navs_index .wrap .n-item .img-05-line-m {
        display: none;
        width: 40px;
        height: 2px;
        background-color: #333;
    }
    .wrapper .navs_index .wrap .n-item:hover .img-05-line-m {
        background-color: #fff;
    }
    .m-cover {
        position: fixed;
        top: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.5);
        width: 100%;
        height: 100%;
        z-index: 999998;
        display: none;
    }
    .m-position {
        position: fixed;
    }
    .school-award .school-swiper .bottom-bg {
        display: none;
    }
    .school-award .school-swiper .m-bottom-bg01 {
        display: block;
        width: 80%;
        position: absolute;
        bottom: 80px;
    }
    .school-award .school-swiper .m-bottom-bg01 img {
        width: 100%;
    }
    .school-award .school-swiper .m-bottom-bg02 {
        display: block;
        width: 100%;
        bottom: 0;
    }
    .school-award .school-swiper .m-bottom-bg02 img {
        width: 100%;
    }
    .wrapper .news-w .news-c .new-search-box {
        /*flex-wrap: wrap;*/
        width: 100%;
        padding: 0 20px;
    }
    .tech-search {
        width: 160px;
        /*margin-top: 15px;*/
        /*margin-left: 20px;*/
    }
    /*html,body{*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*}*/
    /*.wrapper .index-w{*/
    /*height:calc(100vh - 1rem);*/
    /*}*/
}

@media screen and (max-width: 400px) {
    .wrapper .join-us {
        padding: 40px 10px 0 10px;
    }
    .wrapper .join-us .join-left ul li {
        width: 145px;
        margin-right: 30px;
    }
}